Dusty Petrol color palette — #DDEFF6 · #007199 · #004364 · #00233B · #0C0826
Peacock and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#DDEFF6): A whisper-light, dusty blue — the color of open sky before noon.
- Peacock (#007199): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004364): A deep, shadowed, balanced blue — the color of deep harbor water.
- Midnight (#00233B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#0C0826): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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
- Mulberry Terrace color palette (#D6E4F0, #0063A2, #860062, #002E50, #230017)
- Onyx Parlor color palette (#D7F1F7, #0084A4, #005E89, #00345B, #000243)
- Cypress Quarry color palette (#D3EDE5, #008475, #00504C, #002526, #000E18)
- Quiet Iris Field color palette (#D7E6FF, #7E9AFF, #7B6AB6, #004171, #0D1C37)
- Quiet Nightshade color palette (#DFE9FA, #0042AB, #6B006F, #003838, #00051D)
- Nocturne Sapphire color palette (#CFDFFA, #1061ED, #00317E, #000E2C, #000108)
- Ultramarine Bloom color palette (#D3E7E2, #0096AD, #0078A2, #0B19E1, #190049)
- Antique Nightshade color palette (#CEE4FF, #005ADD, #1D01C2, #170065, #140540)
Browse the whole catalog at Explore, or see today's palette.