Hushed Petrol color palette — #F9E8F0 · #6BABC9 · #0068B6 · #004A49 · #090049

A conversation between Cobalt and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Blush (#F9E8F0): A whisper-light, dusty rose — the color of a warm blush.
• Cyan (#6BABC9): A luminous, dusty blue — the color of deep harbor water.
• Cobalt (#0068B6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004A49): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#090049): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Muted Petrol color palette (#F2E7EF, #70AEB2, #00718D, #004C35, #001527)
• Sapphire Thicket color palette (#EFE0E5, #94B5D5, #486BD6, #005862, #201248)
• Muted Petrol color palette (#FAEBDF, #76C2E4, #0069B5, #003E3C, #010015)
• Denim Grove color palette (#EDF1E4, #5998B6, #004F74, #002E38, #001528)
• Cobalt Parlor color palette (#DFF2F0, #49BEEE, #008DC9, #006A7D, #001528)
• Hushed Cobalt Delta color palette (#F6EBF1, #A1CBE4, #3D8CCC, #006C66, #19295E)
• Pale Azure Coast color palette (#FDF1FA, #ADE6F3, #00A8E9, #008571, #123E78)
• Wandering Loft color palette (#F9F3F7, #D3D7E9, #75BECF, #4F986C, #3C5669)

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