Quiet Harbor color palette — #EEFCD3 · #2AC079 · #B13593 · #006E41 · #5B214C

Magenta Rose and Clover set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#EEFCD3): A whisper-light, dusty green — the color of fresh herbs.
• Clover (#2AC079): A luminous, balanced teal — the color of glacier melt.
• Magenta Rose (#B13593): A full-bodied, vivid pink — the color of peonies in June.
• Pine (#006E41): A full-bodied, balanced teal — the color of sea glass.
• Mulberry (#5B214C): A deep, shadowed, balanced pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Raspberry Parlor color palette (#E8FCE3, #00AA9D, #C54895, #006B62, #5D2145)
• Worn Clover color palette (#F6F9D2, #59BE35, #AB56BA, #1F5E00, #512658)
• Washed Plum Atelier color palette (#D1E6C1, #009478, #AE2C82, #005645, #441332)
• Misty Terrace color palette (#E7FBEB, #00B4C4, #C16E72, #00737E, #603335)
• Tempered Byzantium Drift color palette (#FFF4DA, #B6A425, #8643D7, #695D00, #432C65)
• Plum Summit color palette (#CEF8D5, #2CAD59, #B00059, #9B375B, #123A1E)
• Muted Cabin color palette (#DDFDFA, #85F5A8, #FF8CC4, #009D50, #611C42)
• Weathered Villa color palette (#CFFCFD, #00B47E, #3F80E2, #006C4B, #001D4C)

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