Dusty Petrol color palette — #E9F9F8 · #D9DDE9 · #72ADD9 · #007B95 · #093052
A conversation between Teal and Cornflower, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E9F9F8): bright and airy, almost weightless.
- Silver (#D9DDE9): bright and airy, almost weightless.
- Cornflower (#72ADD9): A luminous, balanced blue — the color of open sky before noon.
- Teal (#007B95): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#093052): 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
- Weathered Petrol Thicket color palette (#DEF4F0, #7BC5CE, #007487, #003E3D, #000305)
- Powder Orchard color palette (#FAF3F6, #C3E5FE, #7DB5FA, #009FA2, #303565)
- Weathered Lantern color palette (#D0E7E6, #80A7C4, #005794, #002937, #000105)
- Tempered Cerulean color palette (#E9F9F6, #C7E1FF, #00A4B8, #006A64, #00232C)
- Tempered Parlor color palette (#F4F7ED, #9ECCE7, #267FB8, #005D71, #49304D)
- Worn Cobalt color palette (#E8F9F9, #A6D1F6, #437DBD, #004D69, #00092A)
- Powdered Orchard color palette (#E5FBF3, #B7C978, #36B7D5, #6E8000, #002D37)
- Hushed Driftwood color palette (#DDFEF5, #BDE4EF, #B4B4C2, #89945A, #11403A)
Browse the whole catalog at Explore, or see today's palette.