Soft Harbor color palette — #FDF987 · #CAE4FF · #0DF0D4 · #00332C · #051201
A conversation between Lagoon and Butter, giving this palette its sense of nature and growth.
The five colors
- Butter (#FDF987): A whisper-light, balanced green — the color of fresh herbs.
- Frost (#CAE4FF): A whisper-light, dusty blue — the color of deep harbor water.
- Lagoon (#0DF0D4): A whisper-light, balanced teal — the color of shallow lagoons.
- Deep Forest (#00332C): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#051201): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Calm, Balance. Tagged neon, dark, vibrant, cool.
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
- Quiet Workshop color palette (#FFF1D4, #B8EAFF, #1EF4AA, #003B25, #090F01)
- Weathered Aqua color palette (#E2EDD3, #9CC6FF, #00CBCE, #0C240F, #000200)
- Softworn Celadon color palette (#EDFAE3, #D0E484, #007D65, #00382B, #030A00)
- Pale Iris Garden color palette (#E9FCE4, #00BFAF, #668CF1, #726900, #00211D)
- Softworn Powder Harbor color palette (#FFE0EC, #E4CDFF, #85D2FF, #042B20, #02100A)
- Softworn Basin color palette (#EDECFF, #B3E5FF, #9FB7D1, #294238, #091611)
- Quiet Azure Courtyard color palette (#EDF9EF, #74EDFF, #2997ED, #008E9D, #000B19)
- Hazy Jade Basin color palette (#E9DAEC, #FFBAAF, #00C585, #195A3E, #202712)
Browse the whole catalog at Explore, or see today's palette.