Dusty Petrol color palette — #D8E6E4 · #8AB9CE · #00829D · #00595B · #002330
A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.
The five colors
- Silver (#D8E6E4): a clean, paper-quiet neutral.
- Ash (#8AB9CE): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#00829D): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#00595B): A full-bodied, dusty teal — the color of glacier melt.
- Midnight (#002330): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Aged Petrol color palette (#D1E4E3, #76A9C5, #006CA4, #004858, #00142A)
- Dusty Cerulean color palette (#E4F2F0, #96CDE7, #3E8FBC, #00697B, #003050)
- Softworn Lantern color palette (#F5F7E8, #89DAEB, #0088A6, #005154, #000F17)
- Turquoise Study color palette (#BAEAED, #85CDC1, #24B5C0, #267B4F, #002C25)
- Worn Jade Canyon color palette (#D0F4E6, #00B58D, #00725B, #003B2D, #000C07)
- Lagoon Study color palette (#DEF0F2, #008968, #00729E, #635900, #00170F)
- Dusty Parlor color palette (#E7F1E2, #42A338, #00742E, #004824, #002719)
- Emerald Pier color palette (#D1F6F2, #00A241, #B25800, #006425, #2E1200)
Browse the whole catalog at Explore, or see today's palette.