Dusty Petrol color palette — #EAF9F4 · #88B6D8 · #C88572 · #3379A7 · #534B47

Slate and Caramel set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EAF9F4): bright and airy, almost weightless.
• Sky (#88B6D8): A luminous, dusty blue — the color of a favorite pair of jeans.
• Caramel (#C88572): A luminous, balanced orange — the color of sun-warmed clay.
• Slate (#3379A7): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal Brown (#534B47): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged 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

• Tempered Basin color palette (#EEF9ED, #7ABEBA, #C2839E, #008480, #664240)
• Aged Petrol color palette (#FDF1F9, #A3ACDE, #999E63, #646EA5, #4F4D46)
• Amber Archive color palette (#E6FBF1, #60A1C1, #B97759, #8B7246, #32483F)
• Worn Coast color palette (#EBF9F2, #97CDE7, #9EBC87, #2999C4, #4E4E46)
• Softworn Petrol Meadow color palette (#E9F4FB, #86BCD4, #86A969, #007DA2, #073A31)
• Wandering Driftwood Studio color palette (#E4FCF1, #EAD8D2, #D7BA9F, #779376, #5D4E5E)
• Worn Bloom color palette (#D9FFF3, #AED4F7, #5B83AF, #2B537C, #472F4A)
• Ancient Navy Lantern color palette (#FFF0FE, #69A2FF, #B46A00, #0046A9, #563000)

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