Hushed Petrol color palette — #EFEFE6 · #9CBAA0 · #007584 · #00504B · #003440

A conversation between Teal and Forest, giving this palette its sense of trust and stability.

The five colors

• Cream (#EFEFE6): bright and airy, almost weightless.
• Sage (#9CBAA0): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#007584): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00504B): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Teal (#003440): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Tempered Cerulean Archive color palette (#F5F6EF, #B3CCBB, #2B849D, #005F62, #0A4055)
• Ancient Petrol Courtyard color palette (#EDF0E7, #88B8D5, #006EA9, #004D5F, #002E58)
• Cypress Harbor color palette (#F5F6EF, #CAE3DE, #67A4B3, #007F7E, #305342)
• Turquoise Study color palette (#DFF4F0, #9DE1E6, #00B9CF, #009289, #003440)
• Muted Harbor color palette (#EFF1E5, #558999, #004358, #002225, #000B13)
• Pale Aubergine color palette (#F5D5DB, #9E66A9, #007594, #740086, #002E3C)
• Antique Navy color palette (#ECF1E1, #7093B3, #00488F, #002D40, #000844)
• Hushed Byzantium Quarry color palette (#F8DBE1, #9244A8, #A6292D, #004D8F, #300D39)

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