Hushed Petrol color palette — #E9F9F8 · #A7DAB3 · #54AAAD · #316FA2 · #3A3159

Slate takes the lead with Turquoise close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E9F9F8): bright and airy, almost weightless.
• Pistachio (#A7DAB3): A whisper-light, dusty teal — the color of sea glass.
• Turquoise (#54AAAD): A luminous, balanced teal — the color of glacier melt.
• Slate (#316FA2): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#3A3159): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, 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

• Aged Pewter color palette (#EDF7FA, #94DADC, #699FD0, #6F5E9D, #4F2A40)
• Dusty Teal Ridge color palette (#EFF7F5, #D4DFEC, #96D9E4, #39A59C, #335261)
• Aubergine Bloom color palette (#E6F9FF, #44BABB, #1C7AC7, #5C2A8E, #38001C)
• Dusty Turquoise color palette (#FFF1F5, #EABE8D, #56BCBE, #9D789E, #483C58)
• Chalky Navy color palette (#E5FAFC, #00AB86, #006F86, #152492, #190021)
• Dusty Amber color palette (#F8F1E6, #BD954F, #317F83, #5A4163, #3D1B25)
• Petrol Ridge color palette (#FAF2F9, #FDB7B2, #B59461, #6E5EA3, #502A3F)
• Timeworn Pine Basin color palette (#D8FFF3, #A2E4E3, #98CA92, #468C54, #255B5A)

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