Hushed Petrol color palette — #F4EDE3 · #7DBEC0 · #007587 · #005141 · #003345

A conversation between Teal and Forest, giving this palette its sense of trust and stability.

The five colors

• Cream (#F4EDE3): bright and airy, almost weightless.
• Mint Leaf (#7DBEC0): A luminous, dusty teal — the color of sea glass.
• Teal (#007587): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005141): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Teal (#003345): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Wandering Petrol color palette (#F1E6E3, #80C0C4, #00759B, #004F27, #001436)
• Petrol Villa color palette (#F6EDDF, #88B8DA, #2C68B1, #004E5C, #1F2A53)
• Antique Cerulean Studio color palette (#FBF4EA, #ACCFB5, #0785A6, #006158, #053F5D)
• Washed Lagoon Garden color palette (#C5ECDC, #00A491, #006A69, #004A51, #003440)
• Weathered Iris Pier color palette (#D0F7DB, #85D8FF, #7894DD, #007368, #003647)
• Timeworn Ash Balcony color palette (#F9F4EE, #CAE6E0, #6CA3B3, #607655, #365147)
• Dusty Quarry color palette (#F4EADC, #418C9D, #00425A, #002221, #000A17)
• Brick Study color palette (#CDE6D0, #009098, #BA2E39, #005459, #52040E)

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