Dusty Petrol color palette — #E6F2E8 · #70BDDE · #006EAA · #004F54 · #152D52
Built around Peacock, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#E6F2E8): a clean, paper-quiet neutral.
- Sky (#70BDDE): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#006EAA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004F54): A deep, shadowed, dusty blue — the color of deep harbor water.
- Navy (#152D52): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. 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 Petrol color palette (#F3E4EB, #88BCD3, #286FAB, #004B49, #080D3F)
- Airy Azure color palette (#EDF0E5, #B2DFCA, #28B0F3, #008DA4, #003050)
- Patina Cobalt Station color palette (#FAEBE1, #9ACDE4, #538AC1, #006C69, #1E285A)
- Ancient Basin color palette (#E5F1E7, #5AAFAA, #00636C, #00402C, #00242D)
- Aqua Thicket color palette (#DDFAFF, #25DDE5, #60A8D6, #2D6442, #0B3A46)
- Worn Ash color palette (#F0F7F1, #D8DEEF, #799DC1, #487688, #465367)
- Navy Field color palette (#D7E4D9, #4D86B4, #003586, #00212A, #05012A)
- Emerald Courtyard color palette (#E1F4DA, #00AA5E, #006E50, #00463B, #012B38)
Browse the whole catalog at Explore, or see today's palette.