Hushed Petrol color palette — #EEF7F6 · #D4DCEE · #7B9EB7 · #377985 · #3F5568

Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EEF7F6): bright and airy, almost weightless.
• Silver (#D4DCEE): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#7B9EB7): A luminous, dusty blue — the color of open sky before noon.
• Teal (#377985): A full-bodied, dusty blue — the color of deep harbor water.
• Peacock (#3F5568): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, 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 Study color palette (#F6F0F3, #D4DCEE, #80A0C0, #007B77, #2B364A)
• Powder Veranda color palette (#F4F6EF, #C9E7E6, #8DD0F7, #73ADB9, #405951)
• Aged Station color palette (#D6E4E2, #5DABC3, #00607F, #003D44, #002235)
• Lagoon Corridor color palette (#FAF4F0, #C5DFEA, #89BEB0, #339892, #63495D)
• Ancient Loft color palette (#EDF8F6, #A7CBDB, #26859C, #005F61, #004155)
• Timeworn Navy Field color palette (#D3EBEA, #4C88AC, #003F68, #00212B, #00091B)
• Driftwood Coast color palette (#FBF1FF, #EAD4DB, #B9AD9E, #917FA1, #564857)
• Cobalt Basin color palette (#ECF8F8, #A7D3FF, #3F7FD5, #006087, #273D72)

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