Hushed Petrol color palette — #E7F4FE · #83BCDB · #C084BA · #007CA8 · #342C46

Cerulean and Dusty Rose set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E7F4FE): bright and airy, almost weightless.
• Sky (#83BCDB): A luminous, dusty blue — the color of open sky before noon.
• Dusty Rose (#C084BA): A luminous, balanced pink — the color of neon signs at night.
• Cerulean (#007CA8): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#342C46): A deep, shadowed, dusty violet — the color of wild irises.

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

• Timeworn Iris color palette (#E4F6FA, #71C4BE, #9692DC, #00837D, #282F4B)
• Weathered Jade Cabin color palette (#E9F3FF, #97B5E2, #53B185, #4872B1, #113838)
• Wandering Cerulean color palette (#E7F4FF, #D5D5E4, #C6A5AA, #6594AD, #2E3A47)
• Worn Amber Drift color palette (#EAFAF1, #69BDDB, #C18C58, #347D95, #524C46)
• Weathered Canyon color palette (#EFF1FF, #AD93E1, #D76849, #6F51A2, #391B31)
• Worn Cerulean Basin color palette (#E8F3FF, #9ECDF4, #4B91C3, #184E76, #031F35)
• Dusty Amber color palette (#E6F5F9, #79C2BE, #B59A37, #00837F, #1B3827)
• Denim Ridge color palette (#EFF2F8, #EAB2B9, #555E8A, #253149, #10141B)

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