Tinta Retro Diner
5-color palette
Retro Diner is a 5-color palette built from #FFF6E5, #F4D35E, #EE6352, #08B2E3, and #1F2041. Its hues sit in the yellow, red, and blue ranges. The strongest pairing is #FFF6E5 against #1F2041 at 14.59:1 — enough for WCAG AAA body text.
Light & dark theme
This palette as Material 3 color roles for a real interface, in light and dark mode. Every color comes with the text color that goes on it, and every pair's contrast is measured.
What are the HEX, RGB, and HSL values for Retro Diner?
Every color in this 5-color set, with its contrast ratio against white and black.
| Color | Name | HEX | RGB | HSL | On white | On black |
|---|---|---|---|---|---|---|
| #FFF6E5 | Old Lace | #FFF6E5 | 255, 246, 229 | 39°, 100%, 95% | 1.07:1 | 19.57:1 |
| #F4D35E | Saffron | #F4D35E | 244, 211, 94 | 47°, 87%, 66% | 1.47:1 | 14.33:1 |
| #EE6352 | Terracotta | #EE6352 | 238, 99, 82 | 7°, 82%, 63% | 3.21:1 | 6.54:1 |
| #08B2E3 | Cyan Blue | #08B2E3 | 8, 178, 227 | 193°, 93%, 46% | 2.47:1 | 8.49:1 |
| #1F2041 | Deep Navy | #1F2041 | 31, 32, 65 | 238°, 35%, 19% | 15.66:1 | 1.34:1 |
Related palettes
Others sharing the same hues and tone