Dusty Petrol color palette — #EEF4ED · #D9DBEF · #8C9BC5 · #397581 · #303549
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Cream (#EEF4ED): bright and airy, almost weightless.
- Silver (#D9DBEF): A whisper-light, dusty violet — the color of wild irises.
- Blue Fog (#8C9BC5): A luminous, dusty violet — the color of twilight just after sunset.
- Teal (#397581): A full-bodied, dusty blue — the color of deep harbor water.
- Navy (#303549): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, 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
- Dusty Cerulean Studio color palette (#F8EFF5, #B0E7F6, #5299AB, #3D6950, #142F42)
- Patina Sky Harbor color palette (#D7F3FF, #5EBCE7, #558CBF, #48577E, #30364C)
- Powder Harbor color palette (#E8F3FF, #7DB9F1, #B6985A, #4C759D, #213726)
- Muted Ash color palette (#FAF4EE, #CCE4E8, #B18CA6, #59785C, #644A54)
- Timeworn Studio color palette (#E9F3FF, #E1D6E2, #C5A79F, #7A98A7, #38414F)
- Hushed Periwinkle color palette (#E9F3FF, #69A0DE, #B5814A, #83794C, #1C2836)
- Ancient Grove color palette (#F4E4ED, #66C1E0, #1771AB, #004C46, #071334)
- Worn Pier color palette (#EBF2FF, #B4CCFF, #7687BC, #374C72, #101F37)
Browse the whole catalog at Explore, or see today's palette.