Hushed Petrol color palette — #F6ECE4 · #93BCAB · #2768B5 · #004F51 · #242857

A conversation between Royal Blue and Navy, giving this palette its sense of trust and stability.

The five colors

• Cream (#F6ECE4): bright and airy, almost weightless.
• Sage (#93BCAB): A luminous, dusty teal — the color of sea glass.
• Royal Blue (#2768B5): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004F51): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Navy (#242857): 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

• Abyss Terrace color palette (#FAEBE3, #9EBA9D, #007588, #00532F, #00324A)
• Weathered Cobalt Quarry color palette (#FDF3E9, #ABCEC3, #5B76B4, #005E68, #393558)
• Muted Petrol Bloom color palette (#DDEDEC, #8ABBD7, #0071AD, #00495A, #00162E)
• Muted Denim color palette (#F0E4DD, #429DB3, #004F75, #00302A, #001037)
• Periwinkle Loft color palette (#F6EBF0, #A8DBF8, #5DA7FF, #009092, #252951)
• Aged Cypress color palette (#FDF3EE, #C7E5CE, #5F92AA, #00735C, #543F56)
• Ancient Plum color palette (#F8D9D3, #BB265D, #006E5F, #055064, #390C1B)
• Ancient Hollow color palette (#FFF0EE, #E9B3A6, #B0904E, #784D81, #45241B)

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