Hushed Petrol color palette — #EAF5EC · #6CC3CD · #C48C80 · #00818C · #362F2C

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

The five colors

• Cream (#EAF5EC): bright and airy, almost weightless.
• Aqua (#6CC3CD): A luminous, balanced blue — the color of open sky before noon.
• Dusty Rose (#C48C80): A luminous, dusty orange — the color of autumn markets.
• Teal (#00818C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#362F2C): a grounded near-black with real depth.

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

• Tempered Villa color palette (#F8EEF7, #96B4E7, #BD9368, #5272A7, #35302B)
• Dusty Pine color palette (#EFF4E8, #8AC2A5, #BE88B0, #328360, #472629)
• Weathered Dune color palette (#EEF8F1, #7BBCC6, #A58CBF, #00818F, #65414E)
• Dusty Cerulean Parlor color palette (#EAF8FE, #91D0DD, #DF9D9D, #009DB3, #5E425D)
• Timeworn Driftwood Courtyard color palette (#E4F8E9, #60A9B5, #BE7774, #9D6B51, #1B2C20)
• Hushed Bronze Delta color palette (#DCFAEA, #00A8D1, #B96F00, #00657F, #321A00)
• Patina Petal Lagoon color palette (#E6F7EA, #F8D0E6, #B8DDF1, #7C9071, #263C32)
• Washed Petrol Pier color palette (#F6EFF7, #DBBDA0, #456387, #3B2A3C, #19101A)

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