Hushed Petrol color palette — #EAF8FD · #358F9B · #5F60A6 · #704725 · #23373F

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

The five colors

• Ivory (#EAF8FD): a clean, paper-quiet neutral.
• Cerulean (#358F9B): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#5F60A6): A full-bodied, balanced violet — the color of wild irises.
• Bronze (#704725): A full-bodied, dusty gold — the color of honey in a jar.
• Deep Teal (#23373F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged jewel, vibrant, 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 Market color palette (#EAF8FB, #36A191, #8B508C, #565712, #26373A)
• Weathered Petrol color palette (#EAF9F8, #5DA073, #006F92, #743D3C, #273938)
• Wandering Cobalt color palette (#FFF1F7, #5CBAAD, #5077B5, #755036, #344C56)
• Teal Cabin color palette (#EAF8FB, #00B7AD, #9D709D, #875846, #243531)
• Cerulean Boulevard color palette (#E7F4FC, #0789AE, #313C53, #1E2B32, #10161B)
• Chalky Cerulean Atelier color palette (#D4FFFC, #88CFCA, #1895B8, #475A8F, #543B6D)
• Cerulean Bloom color palette (#EFF7F9, #D7DAE2, #B5A8AD, #5A8A97, #4C5456)
• Chalky Studio color palette (#ECF7FF, #0075A6, #7D0065, #333700, #0B2435)

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