Hushed Petrol color palette — #EEF7F6 · #D7DDE9 · #66B1D2 · #007D89 · #00324B

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

The five colors

• Ivory (#EEF7F6): bright and airy, almost weightless.
• Silver (#D7DDE9): bright and airy, almost weightless.
• Cyan (#66B1D2): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007D89): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#00324B): 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

• Softworn Cypress Alley color palette (#E5F1EE, #79C6C4, #00757C, #003F36, #000304)
• Dusty Cerulean Dune color palette (#EEF7F7, #DADCE7, #98BFE9, #008EBA, #2A3F60)
• Soft Cerulean color palette (#DDFCFF, #6CDAEF, #009EBD, #006985, #00354B)
• Tempered Azure Summit color palette (#EDF8F7, #D7DAF7, #6593D5, #00638C, #08184C)
• Worn Lime color palette (#EBF7FF, #6BCEF0, #91B546, #0083A4, #202D00)
• Soft Study color palette (#EAF8FF, #00B9DD, #8E8ADF, #00974E, #001F2C)
• Worn Cobalt Canyon color palette (#F8F0EB, #98D2E4, #3A83B4, #005C53, #2E172C)
• Worn Azure Lantern color palette (#EDF7FF, #BEE3FF, #0799DA, #004D76, #000F1B)

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