Hushed Petrol color palette — #E2F3F0 · #88BACE · #00758A · #00504F · #003343

Teal takes the lead with Forest close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E2F3F0): a clean, paper-quiet neutral.
• Ash (#88BACE): A luminous, dusty blue — the color of open sky before noon.
• Teal (#00758A): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00504F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Teal (#003343): 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

• Petrol Studio color palette (#F0E5ED, #82BFC9, #00759D, #004D3D, #001631)
• Ancient Cerulean Coast color palette (#EFF7F6, #AECAD9, #2A83A5, #005E68, #01405C)
• Turquoise Hollow color palette (#EEF0E0, #85E4F4, #38B5D3, #009092, #003344)
• Weathered Lagoon color palette (#D4E5E1, #46A09D, #005458, #003129, #00181C)
• Hushed Chapel color palette (#EFF7F6, #D3DDEF, #62A4BB, #2A7C81, #3E5666)
• Mulberry Harbor color palette (#F2E5FF, #E7B2C2, #D27C83, #883783, #4C2538)
• Gentle Ridge color palette (#E1DAED, #AD6096, #8F5F00, #7F0067, #392400)
• Quiet Garnet color palette (#F1E1EA, #A87C65, #853E21, #6A0A00, #391B01)

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