Dusty Petrol color palette — #F8ECE4 · #86BAD0 · #2F69AE · #005145 · #29235E

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

The five colors

• Cream (#F8ECE4): bright and airy, almost weightless.
• Ash (#86BAD0): A luminous, dusty blue — the color of deep harbor water.
• Slate (#2F69AE): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005145): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#29235E): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Ancient Petrol color palette (#F6ECE9, #9BBB9F, #007297, #005329, #102D56)
• Antique Grove color palette (#E1EDE3, #82BDD6, #0072AB, #004B4F, #001534)
• Cobalt Balcony color palette (#F9F4EF, #A9CFC0, #5376BD, #00605A, #3C325F)
• Nightshade Corridor color palette (#E7E0D8, #7DA99D, #444BA5, #003D40, #2C0748)
• Weathered Corridor color palette (#FDE5F3, #DBB0D6, #DB7570, #006088, #482A50)
• Onyx Study color palette (#EDE0DA, #469DAC, #004F75, #003220, #030644)
• Powdered Periwinkle Ridge color palette (#F6EBF0, #9FDEF5, #6DA8EA, #20927C, #272754)
• Byzantium Basin color palette (#F7D6DF, #864FA5, #6C5F00, #365119, #2B1238)

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