Hushed Petrol color palette — #ECF2FD · #9CB3E3 · #B19964 · #5870A5 · #1B3824

Slate takes the lead with Camel close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#ECF2FD): a clean, paper-quiet neutral.
• Sky (#9CB3E3): A luminous, dusty violet — the color of wild irises.
• Camel (#B19964): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#5870A5): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Forest (#1B3824): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Creativity, 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

• Taupe Lantern color palette (#E8F3FF, #91B8DC, #C19165, #48769F, #462533)
• Worn Pewter Harbor color palette (#F1F0FF, #C5A4D8, #8EA66C, #865F9C, #033A30)
• Muted Iris Coast color palette (#FEF0FC, #ADC4F4, #CDAC6B, #6B8AD0, #5E4A20)
• Hushed Lagoon color palette (#FBEEF4, #D2B1BB, #987888, #694E62, #223025)
• Weathered Ash Corridor color palette (#EBF2FF, #8A99CF, #B67D71, #528661, #1F2737)
• Patina Lagoon color palette (#F1F1F8, #ABCDB2, #6B587E, #2E2E47, #13131B)
• Aged Station color palette (#EBF2FF, #DBD4E1, #DBAEBC, #7997B7, #363D50)
• Misty Workshop color palette (#EDF1FF, #9383FD, #8E8600, #5941B7, #242200)

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