Hushed Petrol color palette — #E7FCEB · #64C7E2 · #0077A3 · #005654 · #00355C

Cerulean takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#E7FCEB): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#64C7E2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#0077A3): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005654): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#00355C): A deep, shadowed, balanced blue — the color of open sky before noon.

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

Use it as a design system

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

• Muted Sapphire Atelier color palette (#EBFAEE, #91BDE4, #2A67D4, #005367, #252672)
• Ancient Cerulean Pier color palette (#EDF9EF, #97DDD9, #00909D, #00694C, #004759)
• Weathered Cobalt color palette (#FDECF7, #8BC6D8, #0076C1, #005341, #110B4B)
• Worn Lantern color palette (#E1F0E4, #68A9C1, #005D8A, #003E40, #001F42)
• Airy Alley color palette (#FCF4E7, #9BE7FD, #16B9F8, #009895, #00355C)
• Cornflower Grove color palette (#FFF2EB, #90D7ED, #0091EC, #00755C, #25286E)
• Petrol Delta color palette (#F1F7F2, #C6E0F4, #6C8DB1, #006F7D, #384768)
• Muted Dune color palette (#A1FFE2, #00B595, #006C5C, #00382C, #001E19)

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