Hushed Petrol color palette — #F5EBF0 · #89B9D2 · #326AA8 · #004F50 · #212660

Slate and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F5EBF0): a clean, paper-quiet neutral.
• Ash (#89B9D2): A luminous, dusty blue — the color of deep harbor water.
• Slate (#326AA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004F50): A deep, shadowed, dusty teal — the color of glacier melt.
• Navy (#212660): 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

• Cobalt Studio color palette (#FCF2F6, #B0C8DE, #5776B7, #005E67, #373362)
• Tempered Petrol Drift color palette (#E8EAE2, #85BCD8, #0072A9, #004959, #00172D)
• Muted Denim color palette (#EADCE5, #63ADAC, #006273, #004125, #002235)
• Hazy Periwinkle color palette (#FAEBE0, #9ADEFF, #60A8F8, #009190, #242A50)
• Hushed Cypress color palette (#FAF3F6, #D9DEEF, #829AC1, #007E85, #48526D)
• Misty Station color palette (#CCE5DB, #8A9721, #6440B1, #474E00, #2F1160)
• Misty Navy Market color palette (#EBD9DE, #6084A6, #1C2A93, #002127, #0C0026)
• Timeworn Villa color palette (#D9F4E9, #9BD0CB, #15B8C4, #785200, #0B3F37)

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