Dusty Petrol color palette — #F5F6E9 · #75C7CD · #007C8B · #005651 · #003A46
A conversation between Teal and Aqua, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F5F6E9): bright and airy, almost weightless.
- Aqua (#75C7CD): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007C8B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005651): A full-bodied, dusty teal — the color of sea glass.
- Deep Teal (#003A46): 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
- Cobalt Pier color palette (#F3F8E6, #72C2EF, #0074B2, #005366, #003460)
- Lagoon Garden color palette (#F6F6EB, #AFCFAF, #008892, #006156, #24422F)
- Faded Aqua color palette (#FFEEE6, #28D3DC, #007E9C, #00543A, #001C30)
- Weathered Grove color palette (#EDEFDF, #5EADB7, #006273, #003E3D, #00242F)
- Cerulean Alley color palette (#FFF0FB, #67E0E7, #009BBF, #007653, #003657)
- Cerulean Ridge color palette (#EAEDDE, #4B8AA1, #00425C, #002127, #000A15)
- Feathered Emerald color palette (#FFF2ED, #91EBF0, #00BAF3, #009E54, #063068)
- Dusty Pier color palette (#FFDADB, #D339B0, #966500, #88006F, #402800)
Browse the whole catalog at Explore, or see today's palette.