Hushed Petrol Harbor color palette — #F4F6EF · #C9E3E4 · #72A597 · #39788E · #5F4B60

A conversation between Slate and Eucalyptus, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#C9E3E4): A whisper-light, dusty teal — the color of glacier melt.
• Eucalyptus (#72A597): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#39788E): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#5F4B60): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Hushed Petrol Harbor 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

• Cypress Parlor color palette (#F6F6EE, #CCE2DA, #68A5A7, #3E7C6D, #38513F)
• Dusty Lagoon color palette (#F3F7EC, #C1E6DA, #6C8DB3, #1C6B8B, #573E56)
• Washed Loft color palette (#FAF3F6, #DADEED, #99B3D7, #28979F, #48526C)
• Muted Terrace color palette (#EEF0E2, #97BCA2, #00748C, #004F51, #003344)
• Lagoon Study color palette (#EAEADA, #519E9E, #00545A, #00302A, #00181C)
• Denim Workshop color palette (#E8EBDE, #66A8CB, #005D8D, #003C4A, #00203E)
• Cerulean Chapel color palette (#F5F6EC, #96DCE0, #0090A0, #006760, #004856)
• Dusty Cabin color palette (#F7F7E3, #83A465, #4B9899, #926E4B, #484500)

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