Hushed Petrol color palette — #F7EFF3 · #D7D1E3 · #879EBD · #3F747E · #2F354D

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

The five colors

• Ivory (#F7EFF3): bright and airy, almost weightless.
• Silver (#D7D1E3): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#879EBD): A luminous, dusty blue — the color of deep harbor water.
• Teal (#3F747E): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#2F354D): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: 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

• Petrol Harbor color palette (#F1F7F2, #D8DDEE, #749DC6, #2D7B86, #45536A)
• Driftwood Drift color palette (#F6EEFC, #C2EBEA, #ECD3D7, #8181A6, #413441)
• Hushed Loft color palette (#F9ECFF, #CE829A, #4D9D98, #428582, #2E2232)
• Denim Courtyard color palette (#EDDFE6, #67A6C2, #21579F, #003A33, #0B002C)
• Dusty Petrol Drift color palette (#EFE6ED, #84BFC7, #15739F, #004E30, #03103C)
• Sunlit Forest Courtyard color palette (#F9EEF8, #A0DDDC, #0091B4, #006723, #00254A)
• Hushed Bloom color palette (#ECDFED, #409A95, #005264, #042E03, #00050D)
• Tempered Navy Chapel color palette (#EEDBE1, #557D9D, #25288F, #001F20, #020007)

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