Dusty Petrol color palette — #EEF7F6 · #AAC7C7 · #5B8B8E · #3C6F79 · #3B5252
A conversation between Teal and Storm Blue, giving this palette its sense of sophistication and grounding.
The five colors
- Ivory (#EEF7F6): bright and airy, almost weightless.
- Stone (#AAC7C7): A luminous, dusty teal — the color of sea glass.
- Storm Blue (#5B8B8E): A luminous, dusty blue — the color of deep harbor water.
- Teal (#3C6F79): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal Brown (#3B5252): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Sophistication, Grounding. Tagged botanical, earthy, 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
- Antique Loft color palette (#EFF7F6, #D3DDEF, #769FB8, #2A7C83, #3A566A)
- Hushed Bloom color palette (#F8F5EB, #D0D5AF, #66AC93, #698574, #4D5200)
- Denim Orchard color palette (#EBF3FF, #AABAEA, #727BBE, #5A599C, #474E70)
- Washed Drift color palette (#C9E9E8, #2C7B62, #004238, #002638, #00140D)
- Teal Lagoon color palette (#D6F1F3, #21A892, #006963, #004672, #00372E)
- Hushed Bloom color palette (#F1F5FF, #9091CB, #B47193, #00849D, #3A4257)
- Patina Fern Thicket color palette (#D3EBE1, #809463, #35621E, #004846, #003128)
- Gentle Olive Grove color palette (#EAF9F1, #A0AA69, #597422, #005E54, #393F00)
Browse the whole catalog at Explore, or see today's palette.