Hushed Petrol color palette — #EAF3F8 · #D4D5E5 · #B9BED2 · #00788C · #102833

A conversation between Teal and Midnight, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EAF3F8): bright and airy, almost weightless.
• Silver (#D4D5E5): A whisper-light, dusty violet — the color of wild irises.
• Ash (#B9BED2): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#00788C): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#102833): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Timeworn Petrol color palette (#EEF7FB, #D5D9EA, #ACBED6, #007691, #32424B)
• Washed Denim Canyon color palette (#E3EAEF, #C5CCD5, #9FA2B7, #005E78, #091820)
• Cellar Veranda color palette (#D4E7F9, #0070B4, #2C2149, #021121, #000407)
• Timeworn Cerulean color palette (#EDF8F2, #CAE2E5, #D7C4B3, #00A2C5, #243B2F)
• Dusty Nightshade Alley color palette (#ECF2FF, #D3D1E5, #B7A2C2, #4D4AB0, #12192D)
• Cypress Atelier color palette (#E4F8EC, #87B77B, #007D66, #025374, #0F2708)
• Weathered Grove color palette (#E0E1EB, #908A9A, #766476, #35125A, #010106)
• Wandering Periwinkle color palette (#DCEDEC, #7AADDA, #846D99, #5B5925, #373400)

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