Gentle Harbor color palette — #E2FCEF · #6BDB92 · #00AFD4 · #865AB1 · #002F4B

Built around Mint Leaf, softened by Amethyst — the whole palette hums with nature and growth.

The five colors

• Ivory (#E2FCEF): A whisper-light, dusty teal — the color of sea glass.
• Mint Leaf (#6BDB92): A luminous, balanced teal — the color of sea glass.
• Cyan (#00AFD4): A luminous, balanced blue — the color of open sky before noon.
• Amethyst (#865AB1): A full-bodied, balanced violet — the color of a velvet chair.
• Midnight (#002F4B): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged candy, vibrant, light.

Use it as a design system

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

• Pale Mint color palette (#E5FDE8, #8CDC86, #00B9C2, #7565C0, #133E2C)
• Wandering Bloom color palette (#FEF0FF, #5DE2D9, #54A4EB, #AA5FAA, #24294F)
• Cornflower Thicket color palette (#E3F5FF, #74E5D9, #00BFE5, #3B72E7, #001C29)
• Cobalt Thicket color palette (#F0F9E5, #D5D062, #00B8A2, #007DBD, #00393A)
• Gentle Seafoam color palette (#E5FBF4, #70ECD6, #7AC8FB, #AE7ABA, #50354A)
• Sunlit Ridge color palette (#F0F5FF, #00CBD9, #508EFF, #B5009A, #33146A)
• Worn Quarry color palette (#FFF2ED, #B0CEB4, #2283A9, #006434, #233B5E)
• Hazy Aubergine color palette (#C1ECD4, #00B294, #0088AC, #7B139B, #00172F)

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