Dusty Petrol color palette — #D6E5F0 · #AEADC3 · #9B91A9 · #007CA6 · #051620

Built around Cerulean, softened by Heather — the whole palette hums with trust and stability.

The five colors

• Frost (#D6E5F0): A whisper-light, dusty blue — the color of deep harbor water.
• Ash (#AEADC3): A luminous, dusty violet — the color of a velvet chair.
• Heather (#9B91A9): A luminous, dusty violet — the color of wild irises.
• Cerulean (#007CA6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#051620): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Aged Dune color palette (#E4E9F6, #BBAAC2, #A98EA3, #6164C6, #0E1320)
• Muted Alley color palette (#DEEAE6, #C2ABC5, #A48DA2, #005884, #041812)
• Abyss Market color palette (#DBE6E1, #A89BA8, #8E7286, #003B55, #000603)
• Aged Alley color palette (#EBEEF7, #DCCEDF, #C8B1C1, #8D8BC1, #292D3A)
• Patina Driftwood Pier color palette (#CEE9F7, #7C8DC8, #936799, #575C30, #1F2200)
• Antique Garden color palette (#E5DECD, #0095C5, #6848D2, #594500, #000B1D)
• Plum Boulevard color palette (#C7E5FE, #008AC5, #B90049, #514200, #070800)
• Jade Pier color palette (#DEF4EF, #1BB27A, #008279, #105D7F, #00140A)

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