Hushed Harbor color palette — #ECF5EA · #52AEA4 · #9D5682 · #32572B · #262A0C

A conversation between Magenta Rose and Turquoise, giving this palette its sense of nature and growth.

The five colors

• Cream (#ECF5EA): bright and airy, almost weightless.
• Turquoise (#52AEA4): A luminous, balanced teal — the color of glacier melt.
• Magenta Rose (#9D5682): A full-bodied, balanced pink — the color of neon signs at night.
• Deep Olive (#32572B): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#262A0C): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.

Use it as a design system

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

• Timeworn Meadow color palette (#E9F5EF, #61A7C2, #A05B57, #005950, #152E1C)
• Muted Periwinkle color palette (#FCF1FC, #669BD8, #905D7E, #6B4C28, #3A4900)
• Tempered Delta color palette (#EBF7FF, #49C1E9, #B87974, #6E6B41, #294A3B)
• Gentle Brick color palette (#E4F8EB, #0092AD, #AB0031, #004529, #001E10)
• Wandering Driftwood color palette (#FAF0E9, #D6C09F, #7F894D, #735963, #34302A)
• Aged Dune color palette (#E9F6E9, #D0BDD1, #AA858D, #6A661A, #444100)
• Dusty Iris color palette (#D2F7ED, #A3B4F0, #8C7BCB, #714B77, #4D3130)
• Weathered Periwinkle Pier color palette (#F6F1EC, #C6E5E7, #849BCF, #267975, #462E3A)

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