Petrol Dune color palette — #E0F1F0 · #62ACD1 · #006DA2 · #004857 · #00152A
Peacock and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E0F1F0): a clean, paper-quiet neutral.
- Cyan (#62ACD1): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006DA2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004857): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#00152A): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Faded Summit color palette (#DCEDED, #89B6E3, #2571D7, #005477, #0F1D40)
- Wandering Turquoise color palette (#DFF4F0, #00A6B2, #006373, #003C39, #000B11)
- Antique Terrace color palette (#F9E9F1, #84C0DF, #2861C5, #003E39, #030011)
- Hushed Thicket color palette (#E2F3F1, #8ACFEC, #2391C3, #006A79, #09314B)
- Quiet Harbor color palette (#C1EEE9, #00C5CE, #00A1C5, #00624F, #001F20)
- Patina Turquoise color palette (#E9F9F7, #9AE9FD, #00ACD6, #008189, #004661)
- Misty Studio color palette (#D5F7EE, #008B77, #494DDC, #005145, #08003C)
- Patina Lagoon Pier color palette (#C8EAD1, #009461, #00694C, #004234, #001612)
Browse the whole catalog at Explore, or see today's palette.