Hushed Petrol color palette — #F4EEE4 · #9EBA9C · #007683 · #00523C · #003442

Teal and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F4EEE4): bright and airy, almost weightless.
• Sage (#9EBA9C): A luminous, dusty green — the color of new leaves after rain.
• Teal (#007683): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00523C): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Teal (#003442): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Patina Petrol color palette (#F5EDE2, #86BACF, #006FA4, #004F53, #0D2E55)
• Cerulean Market color palette (#FBF4EA, #AFCEB5, #17859F, #006154, #0C4058)
• Tempered Forest Market color palette (#F4E5E1, #7AC2C1, #007794, #005016, #00162F)
• Washed Cypress Harbor color palette (#F8F5EF, #CEE2DC, #65A4B3, #1F806A, #325245)
• Frosted Turquoise Summit color palette (#E6F2E8, #96E3E1, #00B9CC, #2F9272, #003442)
• Chalky Sapphire color palette (#FDF4E7, #87BDF0, #2862E1, #005368, #272374)
• Wandering Abyss Lagoon color palette (#EBE5DC, #658B70, #004357, #00231F, #000A15)
• Sunlit Quarry color palette (#FFE8FB, #BFB9F8, #BC82CB, #00659A, #2C355B)

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