Dusty Petrol color palette — #DCF0EF · #6FAACB · #006CA6 · #004858 · #00142B
Built around Peacock, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Frost (#DCF0EF): A whisper-light, dusty teal — the color of glacier melt.
- Blue Fog (#6FAACB): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006CA6): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004858): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#00142B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Teal Corridor color palette (#DFF3EE, #57B3AF, #007579, #004B40, #00181B)
- Petrol Orchard color palette (#ECF0E2, #72C1ED, #006DA7, #003C4A, #000309)
- Quiet Garden color palette (#EBDED4, #77B9DE, #2682EA, #006C6E, #0D083C)
- Soft Delta color palette (#EFDDE5, #5C97B9, #004793, #003031, #0E0144)
- Washed Station color palette (#EBF8F8, #B8D9F5, #5E9AD5, #157697, #253B5B)
- Aubergine Summit color palette (#DEE4FF, #7E58DE, #007577, #5000AC, #001314)
- Tempered Grape Harbor color palette (#F6EAFF, #D395D4, #CD73AE, #6747A6, #2B0836)
- Weathered Hollow color palette (#EEF7F5, #D0DFEF, #87BACD, #5A9389, #3A5765)
Browse the whole catalog at Explore, or see today's palette.