Hushed Petrol color palette — #ECF9EE · #1F9AA5 · #3A639F · #563A6A · #00432E

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

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Cerulean (#1F9AA5): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#3A639F): A full-bodied, balanced blue — the color of deep harbor water.
• Royal Purple (#563A6A): A full-bodied, balanced violet — the color of a velvet chair.
• Forest (#00432E): A deep, shadowed, dusty teal — the color of glacier melt.

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

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

• Cobalt Chapel color palette (#FBF1FC, #4F8CCC, #695792, #693254, #004140)
• Patina Cabin color palette (#EBFAEC, #2C9A9D, #336890, #473E77, #4F2748)
• Cobalt Courtyard color palette (#C9F0FF, #59ABD2, #2184B5, #135A8E, #3F3F65)
• Lagoon Ridge color palette (#EFF8EB, #309C88, #1F6C8A, #5F4200, #28400E)
• Garnet Thicket color palette (#F1F3E5, #689D63, #4A60A4, #732000, #032602)
• Worn Drift color palette (#D7EBDC, #007F91, #1B392C, #122418, #050F0D)
• Aubergine Workshop color palette (#CFF1E7, #0072BD, #5A15B0, #5C0047, #002B29)
• Antique Cocoa Coast color palette (#FCF2F9, #8A95C4, #826488, #77404C, #5D3820)

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