Dusty Petrol color palette — #CBE5E4 · #007D87 · #00424E · #001D27 · #030714
A conversation between Teal and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Silver (#CBE5E4): A whisper-light, dusty teal — the color of glacier melt.
- Teal (#007D87): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#00424E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#001D27): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#030714): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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
- Frosted Petrol Cabin color palette (#CFF2FF, #0078A5, #003D61, #001B3C, #00022E)
- Dusty Veranda color palette (#E1EEF1, #90AFB9, #608695, #00413C, #05171B)
- Hushed Lagoon color palette (#CCEBE2, #009393, #006474, #002F42, #00081A)
- Softworn Boulevard color palette (#E3F4E1, #007C42, #004933, #001F18, #000A0E)
- Cerulean Courtyard color palette (#D6F5FC, #1B87B3, #164978, #391E45, #2F0715)
- Airy Study color palette (#C8E8FF, #006DB8, #002E9A, #0B0058, #0A0033)
- Aubergine Boulevard color palette (#D7DEF2, #7067F2, #5316AE, #33005E, #27003B)
- Hazy Balcony color palette (#CFE7FF, #2B82FC, #324DB0, #2E2381, #2B0066)
Browse the whole catalog at Explore, or see today's palette.