Dusty Petrol color palette — #ECF1E3 · #8FBCB0 · #3868AA · #004B6A · #192B57
Built around Slate, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Cream (#ECF1E3): bright and airy, almost weightless.
- Ash (#8FBCB0): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#3868AA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#004B6A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Navy (#192B57): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Dusty Petrol 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
- Worn Petrol color palette (#EEE8E1, #8FBFB2, #5066AE, #004A54, #19053E)
- Washed Hollow color palette (#F5F6EA, #B0CEB2, #118794, #006058, #00424F)
- Ancient Cornflower color palette (#F6EBEE, #A8C8E9, #6881D3, #006A79, #2F2453)
- Timeworn Denim Cabin color palette (#E1E2D8, #65ABB7, #006276, #003E3E, #002330)
- Powdered Periwinkle color palette (#E1F3F2, #B0D8FF, #64A5FF, #0089BD, #1E2C4E)
- Washed Harbor color palette (#E3E4D3, #458D94, #00444F, #002221, #000B10)
- Airy Aubergine Parlor color palette (#F8D2DD, #9C5FC1, #007789, #6A0D93, #002F37)
- Ash Terrace color palette (#F5F6EE, #CAE3DB, #67A5AA, #427B70, #43594A)
Browse the whole catalog at Explore, or see today's palette.