Tempered Petrol Coast color palette — #F6ECE7 · #83BBD0 · #286DA1 · #00504B · #1A2A57
Slate and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F6ECE7): a clean, paper-quiet neutral.
- Ash (#83BBD0): A luminous, dusty blue — the color of open sky before noon.
- Slate (#286DA1): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00504B): A deep, shadowed, dusty teal — the color of sea glass.
- Navy (#1A2A57): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Petrol Coast into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Ancient Petrol color palette (#DEECEB, #85BDD1, #00759C, #004A53, #001828)
- Denim Field color palette (#F5E8DB, #74A4CD, #3551A1, #003D44, #1F1347)
- Tempered Summit color palette (#FDF3EB, #ABCEC0, #527AAF, #005F62, #4F2E45)
- Tempered Forest Station color palette (#FEF2EC, #8FDFD9, #008FA3, #006B39, #004662)
- Muted Cerulean color palette (#CAF6EE, #0096A2, #00677F, #004363, #082857)
- Washed Lilac color palette (#D6FFEC, #B4CAF6, #AA81C2, #006465, #0A382F)
- Aged Azure color palette (#C6E4FF, #439CE1, #005786, #002E47, #001A28)
- Tempered Grove color palette (#EEDAD2, #539CA6, #00516B, #003124, #00142A)
Browse the whole catalog at Explore, or see today's palette.