Dusty Petrol color palette — #DBEEFF · #0070AE · #14325A · #1B1720 · #000813
Slate and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#DBEEFF): A whisper-light, dusty blue — the color of deep harbor water.
- Slate (#0070AE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#14325A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Ink (#1B1720): quiet, heavy and certain.
- Ink (#000813): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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
- Patina Balcony color palette (#C7EEFA, #007A7B, #003941, #191B22, #00090D)
- Nocturne Sapphire color palette (#D5E6FF, #045CE9, #272E57, #19121D, #000619)
- Gentle Cornflower color palette (#E6F1FF, #2E91FE, #43568D, #1D3653, #000814)
- Wandering Lilac color palette (#E2E8FD, #9C8EFF, #6E5D8B, #39405B, #0C111E)
- Timeworn Market color palette (#DCDFF7, #9C6AEE, #514F71, #2B2D45, #02040E)
- Hushed Ridge color palette (#DCEEEB, #6BBED1, #0091B3, #006C71, #001721)
- Powder Station color palette (#EBF2FD, #99B6F4, #737B8F, #4E5560, #1D2229)
- Powdered Boulevard color palette (#DFE7F4, #6380FF, #009579, #3A4CD9, #00140E)
Browse the whole catalog at Explore, or see today's palette.