Hushed Petrol color palette — #ECF9F0 · #7EBBCA · #C88573 · #008096 · #534B47

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

The five colors

• Ivory (#ECF9F0): bright and airy, almost weightless.
• Ash (#7EBBCA): A luminous, dusty blue — the color of deep harbor water.
• Caramel (#C88573): A luminous, balanced orange — the color of autumn markets.
• Cerulean (#008096): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal Brown (#534B47): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. 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

• Ancient Pier color palette (#E7F6EC, #6AC2D8, #D7826F, #007F96, #362F2C)
• Cypress Market color palette (#EFF8EC, #9EB995, #C6838F, #008578, #693F47)
• Ancient Atelier color palette (#ECF7FC, #85D3DB, #ED9A6E, #349DA6, #604353)
• Worn Cobalt color palette (#FCF1FA, #C6A3C2, #AE965B, #466FC2, #5B4B22)
• Hushed Drift color palette (#E7FBF0, #68A2B6, #B17299, #847809, #2D4A3B)
• Softworn Lagoon Market color palette (#E8FAF1, #F6D1EA, #C5E3E8, #569897, #3E524B)
• Azure Workshop color palette (#E2FCF2, #29AFF2, #AE5200, #00638F, #5E2900)
• Timeworn Studio color palette (#FAF2FA, #D1BD9E, #455F84, #462F47, #2E2125)

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