Hushed Petrol color palette — #FFF0FA · #45AB99 · #0072A4 · #733D2A · #23424C

A conversation between Slate and Turquoise, giving this palette its sense of trust and stability.

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Turquoise (#45AB99): A luminous, balanced teal — the color of glacier melt.
• Slate (#0072A4): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#733D2A): A full-bodied, balanced orange — the color of autumn markets.
• Deep Teal (#23424C): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. Tagged retro, muted, cool.

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

• Worn Harbor color palette (#ECF9ED, #6BB5C2, #5D74B3, #6D552D, #364B59)
• Dusty Boulevard color palette (#FFF0F8, #7CA65D, #007A76, #6E3A55, #244442)
• Aged Corridor color palette (#F1F4DE, #00B1BA, #007794, #493E68, #15281B)
• Olive Garden color palette (#EFF8F0, #91BAA8, #588043, #33626A, #2F493E)
• Linen Workshop color palette (#FFD8E6, #008E95, #004CAB, #532E00, #002E3B)
• Dusty Aqua color palette (#DDFDF8, #00C9D1, #3C92AD, #655B8C, #29414B)
• Worn Corridor color palette (#EAF8FA, #009F8A, #844595, #693B00, #383609)
• Grape Harbor color palette (#DDFFEC, #0098CB, #6432D5, #4E4600, #193757)

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