Hushed Petrol color palette — #E3F2EF · #81C4C6 · #007580 · #003E38 · #000304

Built around Teal, softened by Mint Leaf — the whole palette hums with trust and stability.

The five colors

• Cream (#E3F2EF): bright and airy, almost weightless.
• Mint Leaf (#81C4C6): A luminous, dusty teal — the color of sea glass.
• Teal (#007580): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#003E38): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000304): quiet, heavy and certain.

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

• Washed Ridge color palette (#E4F1F1, #8CBDE1, #006AB2, #003B4E, #00020B)
• Cerulean Pier color palette (#EAF9F6, #A6D4E9, #0087A7, #005154, #000F17)
• Patina Periwinkle color palette (#D4F1FF, #8CDDFF, #48ABF7, #005C63, #00060A)
• Tempered Parlor color palette (#CEEFF9, #009093, #756800, #004547, #010100)
• Quiet Delta color palette (#C8F4F3, #007676, #004EC0, #334C00, #000202)
• Cerulean Villa color palette (#F0E0EB, #77BEC1, #0091B1, #00704C, #001626)
• Weathered Lagoon color palette (#F4E2D8, #009DA1, #005265, #002D1C, #00050C)
• Ancient Cerulean Courtyard color palette (#A5EDFF, #00A2BD, #006071, #00181F, #000102)

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