Dusty Petrol color palette — #E0F1FF · #0076A5 · #6C6300 · #4F4800 · #000205
Built around Cerulean, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Frost (#E0F1FF): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#0076A5): A full-bodied, balanced blue — the color of deep harbor water.
- Olive (#6C6300): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#4F4800): A deep, shadowed, balanced green — the color of fresh herbs.
- Black (#000205): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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
- Chestnut Drift color palette (#CFEEFC, #007A8C, #8E4F00, #683900, #000204)
- Sapphire Corridor color palette (#D5E4FA, #2651FF, #686500, #4C4900, #000011)
- Sapphire Quarry color palette (#DFEBFF, #2B5CFD, #7C4800, #004227, #000201)
- Hazy Byzantium Study color palette (#E1E2F8, #9800E2, #536C00, #3B4E00, #02000D)
- Airy Navy Harbor color palette (#DEEBFF, #004DAB, #752A00, #2B2B00, #000108)
- Magenta Basin color palette (#ECE5FF, #E231D6, #346E00, #00573F, #0D000C)
- Muted Mulberry Market color palette (#E0EFE5, #0078E4, #91198B, #004727, #030016)
- Aged Corridor color palette (#DDE0F1, #AE80FF, #587800, #00673C, #090825)
Browse the whole catalog at Explore, or see today's palette.