Hushed Petrol color palette — #F8ECE2 · #8FBDAA · #2868B5 · #004F51 · #242758

Royal Blue takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F8ECE2): bright and airy, almost weightless.
• Mint Leaf (#8FBDAA): A luminous, dusty teal — the color of sea glass.
• Royal Blue (#2868B5): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004F51): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#242758): A deep, shadowed, balanced violet — the color of wild irises.

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

• Timeworn Abyss Villa color palette (#F9EBE4, #7EBFBD, #007589, #005330, #00324A)
• Weathered Petrol Coast color palette (#E1ECEB, #96B8D2, #1671AA, #00495A, #00162F)
• Washed Pier color palette (#EDF0E7, #A5CFBF, #348DCB, #006881, #002E58)
• Hushed Cobalt Studio color palette (#FAF4EE, #A5D0C3, #6276AA, #005E69, #502E41)
• Denim Coast color palette (#FAE7DC, #489CB3, #004F77, #00302B, #000D3C)
• Periwinkle Hollow color palette (#E3F5D9, #94D6E2, #6C95DE, #376B30, #003837)
• Frosted Periwinkle Summit color palette (#F5EBEF, #A9DBF8, #63A6FF, #009094, #262950)
• Teal Pier color palette (#9BF8F2, #00A7A4, #005D5C, #003130, #001A1A)

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