Hushed Petrol color palette — #F6EBF0 · #81BAD5 · #226AAF · #00504E · #20285A

Built around Peacock, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Blush (#F6EBF0): bright and airy, almost weightless.
• Sky (#81BAD5): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#226AAF): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Navy (#20285A): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Patina Canyon color palette (#E8EAE0, #8ABBD3, #0073A6, #004957, #00172B)
• Washed Cobalt Lantern color palette (#FCF2F6, #ADC9E1, #5E78A9, #005E66, #37355A)
• Worn Denim Parlor color palette (#F8E7F3, #62AEAB, #006272, #004123, #002234)
• Aged Drift color palette (#F4EDE7, #AADBF3, #52A9FF, #00918F, #202957)
• Ancient Delta color palette (#FBF2F6, #D9DEEF, #809BC1, #327B7F, #48526B)
• Muted Navy color palette (#E8DBDF, #5685AF, #21337F, #002127, #0B0026)
• Dusty Grape color palette (#CBE5D9, #929421, #6F3AAC, #4C4D00, #331653)
• Teal Basin color palette (#D9FFF0, #A6DAB3, #30B7B6, #744F00, #283C19)

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