Hushed Petrol color palette — #F7ECE3 · #8EBDAA · #3C66B1 · #00504A · #2E2358

Royal Blue and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F7ECE3): bright and airy, almost weightless.
• Mint Leaf (#8EBDAA): A luminous, dusty teal — the color of sea glass.
• Royal Blue (#3C66B1): A full-bodied, balanced violet — the color of twilight just after sunset.
• Forest (#00504A): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#2E2358): A deep, shadowed, balanced violet — the color of a velvet chair.

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

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

• Sapphire Loft color palette (#FFF3E9, #70C3EA, #256ACD, #00574D, #321F72)
• Forest Market color palette (#F9EBE7, #9BBB9A, #00748F, #005415, #002F57)
• Wandering Cobalt Archive color palette (#E0EDE3, #99B8CF, #0F6DBC, #004A54, #030D42)
• Patina Cobalt color palette (#FAF4EE, #A0D1C3, #6873B0, #005F63, #512E3C)
• Washed Cobalt Harbor color palette (#F5EDE1, #A5CFBF, #3E8AD5, #006A78, #172A5C)
• Patina Cerulean color palette (#FFF2ED, #B4D9B9, #008BB8, #006B39, #1C3F72)
• Taupe Bloom color palette (#FFEFED, #F1B79E, #BA9D44, #674D86, #3A3330)
• Ancient Denim color palette (#F0E5DE, #459CB5, #004C81, #003126, #0D0442)

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