Hushed Petrol color palette — #EFF1E2 · #54B1BF · #007288 · #004A4A · #001720

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

The five colors

• Cream (#EFF1E2): bright and airy, almost weightless.
• Cyan (#54B1BF): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007288): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004A4A): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001720): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Muted Cobalt Quarry color palette (#E7EADE, #70BDDC, #007EAF, #005764, #002238)
• Softworn Cerulean Alley color palette (#F5E1D8, #25A0B1, #00516D, #003126, #00142C)
• Washed Orchard color palette (#FDE9E1, #68C7D7, #006FA1, #00402A, #000016)
• Tempered Villa color palette (#CEEFDF, #7BBCE9, #5C95F1, #006B7D, #001B2C)
• Timeworn Grove color palette (#EFF0E2, #AACFB1, #0097AD, #006C68, #003441)
• Washed Cerulean Basin color palette (#DCF4FF, #0094BD, #005B79, #002837, #000306)
• Powdered Byzantium Harbor color palette (#D3EADB, #00869B, #9500CB, #004E5B, #1B0029)
• Turquoise Parlor color palette (#F6F6E8, #AAE9E6, #00B0BA, #008473, #004952)

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