Hushed Petrol color palette — #EDF3F7 · #D7D5E6 · #B8BDDA · #0F73A5 · #192732

Slate and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EDF3F7): bright and airy, almost weightless.
• Silver (#D7D5E6): A whisper-light, dusty violet — the color of wild irises.
• Ash (#B8BDDA): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#0F73A5): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#192732): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Muted Petrol Chapel color palette (#EEF6FF, #D8D8ED, #AEBDD6, #226FAB, #334150)
• Denim Loft color palette (#E3EAF1, #C6CBD8, #A0A0C1, #075795, #0E171F)
• Wandering Driftwood color palette (#F1F1F8, #DCD4D9, #C3ADAB, #92779E, #36353D)
• Aged Azure Ridge color palette (#EDF8F5, #E6D3D0, #B2A292, #4D97D8, #253A34)
• Grape Orchard color palette (#F0F1FE, #D7CEEA, #D597A7, #7332AE, #181827)
• Pale Coast color palette (#E3F5FF, #0091B1, #A2006D, #373D00, #001E0E)
• Soft Balcony color palette (#FEECF3, #BBA661, #637400, #344883, #032815)
• Patina Driftwood color palette (#E0F1FB, #8DA2E5, #A867A1, #445A36, #203711)

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