Dusty Petrol color palette — #E4F2F0 · #7CBDCE · #007392 · #004F55 · #003248

Built around Teal, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Cream (#E4F2F0): bright and airy, almost weightless.
• Ash (#7CBDCE): A luminous, dusty blue — the color of open sky before noon.
• Teal (#007392): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004F55): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#003248): 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 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 Market color palette (#F0E5EC, #94BACC, #0073A5, #004C42, #001338)
• Washed Field color palette (#E6F4FF, #96C4F4, #87A3DD, #00647C, #203A51)
• Wandering Turquoise color palette (#EEF0E4, #B6DEC5, #00B5E4, #008F99, #003248)
• Weathered Market color palette (#F5ECE8, #ABCEB8, #358FC3, #006D60, #132C57)
• Cobalt Bloom color palette (#E7FAF9, #A8D3FA, #3380D6, #006184, #223E72)
• Hushed Lagoon Coast color palette (#D7ECE7, #419FA5, #00545E, #00302C, #00171E)
• Ancient Grape color palette (#D0E4EF, #00759C, #6A3FB4, #005C3F, #002331)
• Olive Canyon color palette (#C5E3F3, #008EA6, #627400, #005261, #252D00)

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