Hushed Petrol color palette — #EFF6FF · #DCD7EB · #B6BAD5 · #416AA8 · #39404A

Slate takes the lead with Ash close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Silver (#DCD7EB): A whisper-light, dusty violet — the color of twilight just after sunset.
• Ash (#B6BAD5): A luminous, dusty violet — the color of wild irises.
• Slate (#416AA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#39404A): quiet, heavy and certain.

Feels like: Trust, Stability, 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 Garden color palette (#ECF2FA, #D9D4E3, #BDBBDB, #2F6CB2, #1B2632)
• Washed Cobalt color palette (#FBF1FC, #E9D4D5, #D8B7B1, #5A89C2, #473B48)
• Denim Loft color palette (#E9EFF9, #C5CBE0, #9D9DB8, #3E518B, #262E3C)
• Antique Veranda color palette (#ECEBFA, #ACA4BE, #86798F, #4F1768, #131121)
• Lilac Parlor color palette (#DEE6FF, #BA95E5, #A76C95, #3D614A, #104A50)
• Orchid Orchard color palette (#F1F5FF, #9FD4FF, #97A3FF, #A558B0, #372859)
• Chalky Moss Bloom color palette (#E3FCEE, #98AF3D, #42792C, #30556F, #164437)
• Airy Workshop color palette (#F0F5FF, #5468FF, #A01752, #4E3E00, #003933)

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