Hushed Petrol color palette — #F1F7F2 · #D9DDEE · #7E9CBF · #317A88 · #44536D

Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D9DDEE): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#7E9CBF): A luminous, dusty blue — the color of open sky before noon.
• Teal (#317A88): A full-bodied, dusty blue — the color of deep harbor water.
• Peacock (#44536D): A full-bodied, dusty violet — the color of twilight just after sunset.

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

• Patina Cerulean color palette (#EDF6FF, #DAD9E3, #DEB2C8, #568FA7, #3F4E61)
• Muted Ash color palette (#F7EFF2, #D8D0E4, #869CCB, #357873, #313548)
• Petrol Studio color palette (#E8F8FF, #88C2D5, #3A89B4, #33699F, #394E6B)
• Softworn Pier color palette (#E8F1EA, #82BCC8, #007393, #00504A, #00314D)
• Timeworn Olive Thicket color palette (#EEF6FF, #749CC4, #B3757F, #63823D, #304459)
• Wandering Abyss color palette (#E3F1E5, #5C9C9C, #00535E, #003124, #001720)
• Worn Cerulean color palette (#EEF8F0, #9ADCDF, #008EA6, #006856, #00465F)
• Patina Cobalt color palette (#EDF6FF, #89B6D8, #BC8E61, #0079B8, #654625)

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