Hushed Petrol color palette — #F2F3E6 · #77CBD3 · #008092 · #00524F · #001E27

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

The five colors

• Cream (#F2F3E6): a clean, paper-quiet neutral.
• Aqua (#77CBD3): A luminous, balanced blue — the color of open sky before noon.
• Teal (#008092): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00524F): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#001E27): 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

• Petrol Grove color palette (#FFF0FB, #60CAD4, #00799B, #005841, #00355C)
• Dusty Cerulean color palette (#E6FAF6, #81DCE5, #009DB4, #00736F, #003948)
• Cobalt Ridge color palette (#E7EBE1, #93B7DB, #2E6ABA, #004764, #020D42)
• Cobalt Chapel color palette (#F1F3EB, #A7D7F6, #0089D8, #005E77, #00254C)
• Denim Bloom color palette (#E7E8D8, #84A68D, #006376, #003939, #000D14)
• Muted Abyss Thicket color palette (#EAEEDD, #5A8370, #00415C, #001E24, #000104)
• Wandering Atelier color palette (#CFFFE5, #91E0CD, #00C8C6, #007032, #002218)
• Feathered Emerald color palette (#E6EBD7, #00A14D, #0075C4, #005C29, #00172D)

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