Dusty Petrol color palette — #DDE5E9 · #AAB0C2 · #919AC5 · #007E9B · #05161F

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

The five colors

• Frost (#DDE5E9): a clean, paper-quiet neutral.
• Ash (#AAB0C2): A luminous, dusty violet — the color of wild irises.
• Blue Fog (#919AC5): A luminous, dusty violet — the color of wild irises.
• Cerulean (#007E9B): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#05161F): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Cobalt Hollow color palette (#DBE1EA, #B4ADC4, #A092B0, #516AC2, #0B1423)
• Denim Drift color palette (#D9E6ED, #A9B6C2, #8794BB, #005D6C, #05161D)
• Muted Abyss color palette (#DBEBF1, #95A1AE, #707B9A, #003E45, #000509)
• Wandering Iris Corridor color palette (#ECEEF5, #D6D0E1, #C0B4CB, #818CD1, #262E3E)
• Cornflower Archive color palette (#D5E5F3, #00C2E8, #6F94F6, #2E7CFF, #000B1A)
• Softworn Pine color palette (#DBEFEC, #5FAA7D, #008461, #00645A, #001408)
• Misty Orchard color palette (#D0F7F7, #0092D4, #0159E4, #7A0070, #000C1B)
• Antique Delta color palette (#D6E0F1, #858BD4, #8060B8, #783B4C, #40050B)

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