Dusty Petrol color palette — #E4F5FA · #29A19B · #006D9A · #3A3775 · #2F102E

A conversation between Peacock and Navy, giving this palette its sense of trust and stability.

The five colors

• Ivory (#E4F5FA): bright and airy, almost weightless.
• Turquoise (#29A19B): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#006D9A): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#3A3775): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Indigo (#2F102E): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Creativity, Balance. Tagged 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

• Pale Ultramarine color palette (#E8F4FB, #009DBF, #3C5EB7, #532C6B, #350D1F)
• Patina Studio color palette (#E2F7F7, #3AA37A, #007280, #1C4171, #221F00)
• Patina Cobalt color palette (#EAF4F9, #4EAAC2, #586FA9, #5E3C6C, #022E30)
• Wandering Corridor color palette (#D0EFF4, #88BDCB, #5497A5, #576178, #313444)
• Jade Harbor color palette (#EFF9E7, #00C099, #088FAA, #425C92, #3A3831)
• Aged Aubergine Studio color palette (#BDE9F9, #00818B, #004D8D, #3A006C, #001304)
• Muted Teal Harbor color palette (#D7F9F1, #32BEB4, #008685, #006067, #003241)
• Aubergine Veranda color palette (#E1EFFE, #006EBA, #58199A, #4B002F, #000E0F)

Browse the whole catalog at Explore, or see today's palette.