Hushed Petrol color palette — #FFF2EF · #6D9AD1 · #5862AD · #703857 · #4A3548

Built around Slate, softened by Cornflower — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Cornflower (#6D9AD1): A luminous, balanced blue — the color of deep harbor water.
• Slate (#5862AD): A full-bodied, balanced violet — the color of wild irises.
• Mulberry (#703857): A full-bodied, balanced rose — the color of pressed rose petals.
• Charcoal (#4A3548): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Creativity, Balance. Tagged retro, 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 Market color palette (#FFF2ED, #928BDD, #8050A5, #793638, #4E3441)
• Muted Quarry color palette (#F2F9E2, #41A6C2, #0070A9, #5E3E70, #2A4338)
• Patina Courtyard color palette (#FCF1FC, #BBE4FF, #93C1FF, #7F87E4, #473245)
• Patina Turquoise color palette (#FDF0DB, #21ACD5, #6363A1, #594205, #0B2922)
• Softworn Sky Villa color palette (#E2FDE7, #4FC0E8, #7D7DC6, #746037, #2C3F52)
• Weathered Cobalt color palette (#EEDFED, #396FC5, #41293B, #271927, #0A1314)
• Wandering Mulberry color palette (#FFEADD, #B465A9, #9D1B61, #5D3500, #442728)
• Faded Pier color palette (#FFDAD9, #6965F3, #6C00BA, #6D0024, #281C56)

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