Hushed Petrol color palette — #F9EAF2 · #86BACE · #106DA8 · #00504A · #1A2B56

Peacock takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#F9EAF2): bright and airy, almost weightless.
• Ash (#86BACE): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#106DA8): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00504A): A deep, shadowed, dusty teal — the color of sea glass.
• Navy (#1A2B56): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Worn Cobalt Summit color palette (#FDF2F6, #A4CAE7, #507AB0, #005F61, #32375D)
• Wandering Petrol Ridge color palette (#E8EAE1, #94BFA8, #00759D, #004A53, #001828)
• Softworn Denim color palette (#EFDDE3, #7CA3C5, #36519E, #003D45, #1F1544)
• Dusty Denim color palette (#EDDDE9, #549CA6, #00516C, #003125, #00142B)
• Patina Periwinkle Dune color palette (#F7ECE5, #9ADFF8, #39ACFF, #009288, #1E2C4F)
• Cypress Cabin color palette (#FAF3F7, #D8DFF0, #809CBA, #317C7A, #47536A)
• Quiet Summit color palette (#D2F6F7, #7BD1DC, #629DD7, #40651A, #00353C)
• Lagoon Corridor color palette (#A0F4EA, #00A68C, #00675D, #002E29, #001813)

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