Hushed Petrol color palette — #E4F5FC · #81BFC8 · #CA878F · #00818D · #3E2741

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

The five colors

• Ivory (#E4F5FC): A whisper-light, dusty blue — the color of deep harbor water.
• Ash (#81BFC8): A luminous, dusty blue — the color of deep harbor water.
• Dusty Rose (#CA878F): A luminous, balanced red — the color of embers at dusk.
• Teal (#00818D): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#3E2741): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Cypress Dune color palette (#E5F5F7, #8CC0AD, #AE8CC8, #008568, #3B2749)
• Antique Coral Drift color palette (#E8F8FE, #69C0C4, #D9777E, #008387, #5A455B)
• Muted Cobalt color palette (#EBF3FA, #88BBD9, #BB9557, #007BAD, #1B3920)
• Cerulean Market color palette (#EDF9EF, #74D6DE, #E7989D, #009FA9, #62453D)
• Hushed Hollow color palette (#E6F4FF, #71A3C4, #B57894, #B25868, #142A3A)
• Washed Cocoa Basin color palette (#FAEEF3, #ADC1B1, #9C7687, #7A4847, #1B3129)
• Worn Basalt Parlor color palette (#EBF3FB, #DDB6CA, #466484, #133351, #0C151E)
• Wandering Ember color palette (#E3F5FF, #00A9CC, #D2571A, #00667C, #3C1100)

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