Hushed Petrol Harbor color palette — #D1ECDC · #8BA89D · #5B769C · #664B6F · #5E3239

Slate takes the lead with Charcoal Brown close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#D1ECDC): A whisper-light, dusty teal — the color of sea glass.
• Taupe (#8BA89D): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#5B769C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#664B6F): A full-bodied, dusty pink — the color of neon signs at night.
• Cocoa (#5E3239): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, 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

• Dusty Denim color palette (#DCEBC8, #A0B19A, #408285, #3F5483, #5E3E52)
• Antique Workshop color palette (#BDF2E5, #BCA2B8, #6C6C98, #704746, #5E3021)
• Softworn Cerulean color palette (#D3EFE8, #91BBC1, #5B94B1, #906152, #553E4A)
• Mulberry Boulevard color palette (#D6E1F8, #8E93C0, #74589F, #8F0D40, #681F1D)
• Wandering Alley color palette (#E8EACE, #7DB3A6, #4E7B6B, #773C19, #3A210C)
• Tempered Cocoa color palette (#EBE0F7, #AD8188, #815971, #73340A, #522F01)
• Washed Garden color palette (#CFE3F2, #997E9A, #464E89, #5F0F49, #4B0903)
• Patina Teal Garden color palette (#D3F8F6, #26A7AD, #007987, #005260, #163454)

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