Hushed Petrol color palette — #EFE6ED · #78C2C7 · #007794 · #004D36 · #00172B

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

The five colors

• Blush (#EFE6ED): bright and airy, almost weightless.
• Mint Leaf (#78C2C7): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007794): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004D36): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#00172B): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Worn Petrol color palette (#E5F2EF, #7FBEC2, #007584, #00504B, #003440)
• Sapphire Thicket color palette (#F1E6E9, #95B8D7, #4266BB, #004A52, #150A3A)
• Ancient Denim Orchard color palette (#ECDFE6, #70A5B9, #005C93, #003A35, #010132)
• Cobalt Workshop color palette (#FAEEF3, #A1D9F3, #2886DA, #006260, #161E52)
• Cerulean Lagoon color palette (#F5F6EC, #B6EEE1, #00A4B8, #006A64, #00232C)
• Abyss Veranda color palette (#F0E5EB, #388498, #004061, #00201B, #000108)
• Muted Raspberry Corridor color palette (#E9DFFF, #BD44AC, #005E21, #004E4C, #190016)
• Aubergine Boulevard color palette (#E1DDFC, #A75DB5, #00804E, #6C137D, #00170A)

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