Hushed Petrol color palette — #F1F5FC · #DDD7E9 · #B7B9DB · #4A67AA · #39404B

A conversation between Slate and Ash, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#F1F5FC): bright and airy, almost weightless.
• Silver (#DDD7E9): A whisper-light, dusty violet — the color of wild irises.
• Ash (#B7B9DB): A luminous, dusty violet — the color of a velvet chair.
• Slate (#4A67AA): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#39404B): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

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

• Softworn Petrol Drift color palette (#ECF2FB, #DED3E8, #C2BBD2, #3A6BB0, #1C2632)
• Worn Market color palette (#F4F4FF, #E6D4E3, #C8B3D6, #884BA6, #3F3D4F)
• Weathered Denim Basin color palette (#EAEEF7, #C8CBDC, #9F9CBE, #454D91, #262E3E)
• Muted Cerulean Villa color palette (#FBF2FB, #EAD4D4, #DBB8AB, #5F89BD, #463C46)
• Pewter Loft color palette (#F3F4FF, #C3A0DA, #9E5F87, #655E1A, #24594F)
• Weathered Aubergine Hollow color palette (#DEE0EB, #B8B6CC, #9487A7, #51278A, #1C1E2E)
• Antique Ridge color palette (#E4FCF0, #94AD71, #1E7E2B, #24547D, #17433A)
• Timeworn Ridge color palette (#E9E3EE, #A494A5, #85657D, #520030, #0E0513)

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