Hushed Petrol color palette — #EBF4F4 · #D5D9EC · #809FC2 · #37738D · #2A3748

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

The five colors

• Ivory (#EBF4F4): bright and airy, almost weightless.
• Silver (#D5D9EC): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#809FC2): A luminous, dusty blue — the color of open sky before noon.
• Slate (#37738D): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Teal (#2A3748): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

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

• Cypress Balcony color palette (#E5F5F9, #76C3BD, #9895C9, #13827C, #292F49)
• Washed Field color palette (#D0E4E3, #70A3C6, #005B98, #003748, #000A1F)
• Timeworn Petrol color palette (#DFECEA, #90BACF, #007696, #004A4F, #001925)
• Timeworn Petrol color palette (#F9F4EF, #CBE6E9, #8599C4, #007D8A, #644958)
• Tempered Bloom color palette (#DCF7FF, #4EAEAC, #6F8EC1, #6A824A, #102C32)
• Tempered Lagoon Study color palette (#DCF1EC, #3B8685, #004449, #00201B, #000202)
• Dusty Cerulean Bloom color palette (#E7F5F3, #97DDE6, #0093A9, #006260, #002A36)
• Muted Driftwood Courtyard color palette (#FBEDF5, #D4AFC0, #9C758B, #684F60, #39262D)

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