Muted Petrol color palette — #E5EFE7 · #64ABD4 · #0067B7 · #004853 · #020843

A conversation between Cobalt and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Cream (#E5EFE7): bright and airy, almost weightless.
• Cyan (#64ABD4): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#0067B7): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004853): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#020843): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Muted 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

• Patina Petrol Bloom color palette (#DFEEE2, #55B1BF, #00718E, #004B43, #001624)
• Cobalt Studio color palette (#F4EDE2, #83BFE4, #0068B9, #003D45, #000016)
• Lilac Cabin color palette (#D8EAFB, #9CB0F0, #9C7AD3, #00627D, #051638)
• Nightshade Drift color palette (#EDE1E6, #6796B3, #1A3BA7, #00302E, #19003D)
• Washed Harbor color palette (#EEE2D7, #72BAE0, #3179FF, #006E65, #17023D)
• Misty Cornflower color palette (#E6F1FF, #2887E8, #0056A4, #002952, #000209)
• Worn Petrol Quarry color palette (#C6EAEF, #00839C, #005B7A, #003359, #001238)
• Cobalt Dune color palette (#E5F3E8, #94CDEB, #3F8CCA, #006A74, #172D53)

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