Quiet Harbor color palette — #EFFAE0 · #75E0AF · #B5B8F0 · #D5A18D · #374A01

Lagoon and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#EFFAE0): A whisper-light, dusty green — the color of fresh herbs.
• Lagoon (#75E0AF): A whisper-light, balanced teal — the color of glacier melt.
• Lavender (#B5B8F0): A luminous, dusty violet — the color of twilight just after sunset.
• Camel (#D5A18D): A luminous, dusty orange — the color of sun-warmed clay.
• Deep Olive (#374A01): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Creativity, Softness, Clarity. Tagged light.

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

• Seafoam Alley color palette (#EAFBE9, #68DDDB, #D3ADE6, #CAA87C, #384737)
• Aged Basin color palette (#F8F7DE, #ADD780, #8BC3FC, #DA9BA3, #43433C)
• Glacier Hollow color palette (#F1F9E3, #ADE8EB, #B5B6C5, #8C83A1, #444F40)
• Aged Mint Field color palette (#F4F8E0, #7DC583, #DA89A2, #B37E74, #42433C)
• Aged Thicket color palette (#FEF4E5, #EAD8AE, #CAB386, #A58D75, #554700)
• Aged Wisteria Bloom color palette (#B3FCF1, #00D0BE, #C28DFF, #DD8300, #003933)
• Patina Garden color palette (#E9FDD9, #A2F2D8, #7ACAAC, #639883, #32362F)
• Hushed Seafoam color palette (#FFDBD5, #EECEFF, #2FF1E9, #637062, #2B322A)

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