Dusty Petrol color palette — #EEF7F7 · #C8E0F2 · #5890BA · #0B6D84 · #304A65
A conversation between Peacock and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EEF7F7): a clean, paper-quiet neutral.
- Powder Blue (#C8E0F2): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#5890BA): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#0B6D84): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#304A65): A full-bodied, 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
- Tempered Cypress Basin color palette (#F7EFF3, #CBDFEE, #6E90BC, #006C6E, #24284C)
- Wandering Denim color palette (#D4E8E4, #65ACB1, #00636F, #003E3A, #00242D)
- Dusty Atelier color palette (#DEF6F2, #488B9D, #004357, #002225, #000B13)
- Tempered Petrol Pier color palette (#E3F2F1, #95B6D0, #2E6CA1, #004C63, #0B2D57)
- Timeworn Navy color palette (#E1F5F4, #5F95C1, #00498B, #002D3F, #000E3B)
- Softworn Parlor color palette (#FAF4EF, #C1E7E8, #84A7D5, #008C8E, #5D3B53)
- Muted Station color palette (#EAF9F5, #A2CDD8, #14898D, #006152, #00434A)
- Chestnut Lagoon color palette (#FFF0F7, #D38C5E, #A573B7, #9A4E0C, #423D60)
Browse the whole catalog at Explore, or see today's palette.