Hushed Petrol color palette — #E8F5F3 · #6EAEA2 · #1A7081 · #67353E · #002126

Teal and Cocoa set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E8F5F3): bright and airy, almost weightless.
• Turquoise (#6EAEA2): A luminous, dusty teal — the color of sea glass.
• Teal (#1A7081): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#67353E): A deep, shadowed, dusty red — the color of a theater curtain.
• Midnight (#002126): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, 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

• Ancient Cypress color palette (#E6F7EC, #90A981, #007759, #5D3462, #00221D)
• Hushed Hollow color palette (#EAF5ED, #79ACA0, #127656, #564400, #00221C)
• Cypress Villa color palette (#C9FFEE, #61B4A0, #007E65, #004033, #000E07)
• Weathered Veranda color palette (#F5F7E9, #7EC4B5, #198FA4, #87515B, #2D3A27)
• Tempered Lagoon Villa color palette (#EBF4F0, #ABCBC9, #568F8A, #3F6C5C, #1A3736)
• Dusty Mulberry Coast color palette (#CCF2FD, #008E8D, #8A53A3, #8A298E, #00171E)
• Olive Archive color palette (#FFECF5, #BDA566, #5D7600, #005950, #2A1F00)
• Pine Atelier color palette (#E4E0BC, #82A553, #007928, #005142, #002829)

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