Petrol Dune color palette — #F7ECE3 · #85B8DC · #4A63AD · #00504E · #312749

Slate takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F7ECE3): bright and airy, almost weightless.
• Sky (#85B8DC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#4A63AD): A full-bodied, balanced violet — the color of wild irises.
• Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#312749): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Hushed Veranda color palette (#DBEDEC, #8FB9D8, #246FAE, #00485E, #001435)
• Petrol Lagoon color palette (#FDEAE3, #5FC4C6, #007393, #0E5326, #132E4F)
• Weathered Cobalt Terrace color palette (#EDF0E5, #9DCAED, #4A8BC8, #006786, #102D55)
• Hazy Garden color palette (#FFF2ED, #81DFEE, #0089C3, #006A46, #2E3E66)
• Weathered Periwinkle color palette (#F9EAF0, #B0D9F7, #7DA4ED, #008F9A, #2A2558)
• Timeworn Amber color palette (#F3EEFF, #FCABD7, #D38163, #37638B, #482933)
• Faded Cerulean color palette (#EADBD1, #009FC4, #004B86, #003127, #0F053F)
• Wandering Ash Basin color palette (#FAF4ED, #C7EAEF, #8B97C3, #3A7A7C, #644A54)

Browse the whole catalog at Explore, or see today's palette.