Gentle Harbor color palette — #D7FBF3 · #F9AF13 · #70B600 · #008985 · #001902
A conversation between Clover and Saffron, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D7FBF3): A whisper-light, dusty teal — the color of sea glass.
- Saffron (#F9AF13): A luminous, vivid gold — the color of old brass.
- Clover (#70B600): A luminous, vivid green — the color of fresh herbs.
- Fern (#008985): A full-bodied, balanced teal — the color of sea glass.
- Ink (#001902): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Energy, 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 Hollow color palette (#CDFCFF, #C7BE00, #00BB82, #00869D, #001813)
- Antique Corridor color palette (#FAF8D1, #FFC05F, #72CC00, #009D9D, #003511)
- Chalky Basin color palette (#D7FDE4, #FF9965, #BAA100, #008646, #0F1300)
- Hushed Moss Archive color palette (#D6FFF8, #AEC100, #42AE00, #007C4B, #003308)
- Dusty Pier color palette (#D7E3CD, #23AD34, #006C53, #003E3B, #002226)
- Jade Atelier color palette (#CAE5EC, #54B255, #008B89, #0050A5, #000508)
- Weathered Coast color palette (#D8EADB, #939D3C, #1E6E0B, #503A00, #161800)
- Mulberry Lantern color palette (#F8E4CA, #989F6A, #26825E, #6A1C5E, #490004)
Browse the whole catalog at Explore, or see today's palette.