Soft Harbor color palette — #CAE9E6 · #007E3F · #4702B8 · #482200 · #201A00
Built around Indigo, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Honeydew (#CAE9E6): A whisper-light, dusty teal — the color of shallow lagoons.
- Olive (#007E3F): A full-bodied, balanced teal — the color of shallow lagoons.
- Indigo (#4702B8): A deep, shadowed, vivid violet — the color of a velvet chair.
- Espresso (#482200): A deep, shadowed, dusty gold — the color of old brass.
- Ink (#201A00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Soft 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
- Nightshade Summit color palette (#E0F7F7, #008D59, #4C43A0, #602700, #382900)
- Hazy Aubergine Harbor color palette (#CBE7EF, #007878, #6B008B, #402800, #182400)
- Hushed Aubergine color palette (#CFEAEF, #00665B, #55006D, #2F1900, #100C00)
- Sunlit Petrol Loft color palette (#C6E8F2, #00999A, #0067AB, #4D2E79, #002711)
- Softworn Garnet color palette (#CEE9DC, #6E6D00, #004D67, #560037, #331700)
- Misty Courtyard color palette (#D8EBD4, #007C74, #004C6E, #270B68, #030F00)
- Muted Mulberry color palette (#EAF8FC, #009D98, #844691, #5D4300, #313603)
- Worn Grove color palette (#D8F8FF, #73CB5C, #009E94, #006AB3, #002B2E)
Browse the whole catalog at Explore, or see today's palette.