Dusty Petrol color palette — #E9EFF4 · #CED9E5 · #AFB7CF · #007DA1 · #1F303B

Cerulean and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E9EFF4): bright and airy, almost weightless.
• Silver (#CED9E5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Ash (#AFB7CF): A luminous, dusty violet — the color of twilight just after sunset.
• Cerulean (#007DA1): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Forest (#1F303B): 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

• Cerulean Thicket color palette (#EDF8F2, #EAD3D0, #DAB9BC, #1182A4, #14221B)
• Patina Study color palette (#E7F0F7, #CED2E7, #B6B7CF, #4C9CC6, #20303B)
• Tempered Chapel color palette (#EBEEF7, #D5D6E3, #BAB4C8, #5964CE, #262E3F)
• Muted Denim Orchard color palette (#E9F1ED, #C2D0CB, #B196B2, #005C81, #1E332B)
• Timeworn Veranda color palette (#C8EEF9, #8DACC1, #7581A7, #7A5700, #263B15)
• Cypress Courtyard color palette (#D3EBE3, #81B290, #008474, #005E7A, #0A311A)
• Wandering Byzantium Cabin color palette (#CBE7F0, #00999B, #8B38A1, #514100, #002526)
• Sapphire Quarry color palette (#BEEAD8, #00A4B9, #4A63B4, #544700, #002839)

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