Hushed Petrol color palette — #D8E5EE · #B7C6D7 · #9BA5B9 · #006990 · #162128

A conversation between Peacock and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Frost (#D8E5EE): a clean, paper-quiet neutral.
• Oat (#B7C6D7): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#9BA5B9): A luminous, dusty violet — the color of wild irises.
• Peacock (#006990): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#162128): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Dusty Study color palette (#E6EDF6, #AAB4CB, #8D93B4, #1A5294, #071424)
• Weathered Atelier color palette (#DCE6E1, #CBBEC2, #BBA1A1, #008CBA, #12231C)
• Cobalt Terrace color palette (#F0F6FE, #D6DDF3, #B8BAE2, #4E72CD, #293343)
• Jade Corridor color palette (#D7F2EE, #39A980, #007065, #004E5C, #002021)
• Aged Villa color palette (#E4F2FF, #8688D2, #7B668C, #375235, #133525)
• Hushed Workshop color palette (#F5F4FD, #E5D4E0, #CEB7C2, #97709E, #3B3945)
• Chalky Lapis color palette (#DEECE1, #0089C9, #4A3DC0, #5B2700, #001533)
• Airy Violet Workshop color palette (#CBE1FF, #1FC8F6, #52A0FF, #7C55D8, #0C163A)

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