Petrol Dune color palette — #F4E8F1 · #58B2B8 · #00718E · #004C35 · #001527
A conversation between Teal and Cyan, giving this palette its sense of trust and stability.
The five colors
- Blush (#F4E8F1): a clean, paper-quiet neutral.
- Cyan (#58B2B8): A luminous, balanced blue — the color of deep harbor water.
- Teal (#00718E): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004C35): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001527): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Dune 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
- Ultramarine Courtyard color palette (#F0DBE6, #62ACCF, #0067B9, #004A49, #0A0740)
- Muted Petrol color palette (#FDEAE1, #67C8CF, #00728F, #00402C, #000307)
- Wandering Cerulean color palette (#D9EDE9, #55C3CB, #0093A6, #006D68, #00171E)
- Cerulean Garden color palette (#F4EBF2, #99CEDE, #0095B3, #007049, #00314D)
- Wandering Emerald color palette (#DEF7E7, #00A36C, #006A42, #003221, #000402)
- Worn Delta color palette (#D2F4F0, #45CFB4, #00A7D1, #565D00, #002213)
- Weathered Aubergine color palette (#D1F2EF, #27A14F, #801F9A, #005422, #1D0026)
- Softworn Lagoon Parlor color palette (#FCF2F7, #D4DDF6, #7CA8DB, #0B8C8B, #3A4763)
Browse the whole catalog at Explore, or see today's palette.