Hushed Petrol color palette — #E9FAF2 · #ECD1FE · #C9928A · #2E7AA5 · #443A51

A conversation between Slate and Camel, giving this palette its sense of trust and stability.

The five colors

• Ivory (#E9FAF2): A whisper-light, dusty teal — the color of glacier melt.
• Thistle (#ECD1FE): A whisper-light, dusty violet — the color of a velvet chair.
• Camel (#C9928A): A luminous, dusty orange — the color of sun-warmed clay.
• Slate (#2E7AA5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#443A51): A deep, shadowed, dusty violet — the color of wild irises.

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

• Weathered Lantern color palette (#E2FBF9, #CCDDFF, #C48FB1, #27827D, #3A3E53)
• Taupe Courtyard color palette (#EDF9EE, #FFCED3, #B89F60, #606FA5, #4E3746)
• Wandering Alley color palette (#F2F5FF, #E7D8E0, #D9B9BA, #7A879D, #444E66)
• Apricot Veranda color palette (#FCF4E8, #FFBACC, #E69879, #609987, #56433C)
• Dusty Blush Bloom color palette (#E5F8E8, #DF91A6, #9D6A57, #2A5B5F, #342734)
• Stone Meadow color palette (#FBF2FA, #DE9998, #644D55, #342633, #110E14)
• Bronze Workshop color palette (#E8FBEB, #F498A5, #9D7800, #304C92, #33162A)
• Aubergine Market color palette (#FFE7EE, #D0626C, #665200, #28007B, #0B0200)

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