Hushed Petrol color palette — #EBF3F9 · #DAD4EB · #BEBCD3 · #32719A · #1B262F

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

The five colors

• Ivory (#EBF3F9): bright and airy, almost weightless.
• Silver (#DAD4EB): A whisper-light, dusty violet — the color of a velvet chair.
• Ash (#BEBCD3): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#32719A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#1B262F): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Cobalt Boulevard color palette (#EFF6FE, #D9D7EA, #B1BCD3, #256CB4, #314153)
• Antique Drift color palette (#E4EAF0, #C4CAE1, #A5A0B4, #315780, #0D1720)
• Patina Driftwood Chapel color palette (#F1F1F9, #E1D4DB, #BCACA7, #827DA2, #36353D)
• Aged Orchard color palette (#F0F0FE, #DCCCED, #BCA2B9, #723C9E, #181826)
• Patina Driftwood Orchard color palette (#D3EBF6, #A4AEE8, #A56188, #40582C, #00322A)
• Tempered Aubergine color palette (#E6E8F3, #A29CAF, #877588, #3E246A, #030310)
• Cobalt Basin color palette (#E7F4FF, #008BCE, #8E4200, #3D3B00, #1A1900)
• Olive Grove color palette (#FFECF4, #BFA742, #52791B, #58406D, #282000)

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