Lagoon Harbor color palette — #E0E5C7 · #5A9F75 · #005C42 · #00332E · #000201
A conversation between Fern and Pine, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#E0E5C7): A whisper-light, dusty green — the color of new leaves after rain.
- Fern (#5A9F75): A luminous, balanced teal — the color of glacier melt.
- Pine (#005C42): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Forest (#00332E): A deep, shadowed, dusty teal — the color of glacier melt.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Lagoon 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
- Fern Canyon color palette (#EEE0C1, #939248, #495400, #153400, #010100)
- Teal Workshop color palette (#F2F8E5, #5BB693, #00705E, #00425B, #040900)
- Pine Villa color palette (#DDF3EA, #41773F, #004130, #00232B, #000400)
- Hushed Petrol color palette (#EDF0E0, #83C2D3, #007291, #003D42, #000306)
- Seafoam Corridor color palette (#F0FBD8, #63DDB2, #00937D, #006565, #00251A)
- Worn Emerald Field color palette (#F9F6E1, #C2E5AC, #5AA659, #21787C, #213511)
- Teal Harbor color palette (#F2F7EC, #BAF4E4, #60AEA6, #588074, #2F3D27)
- Pale Quarry color palette (#E9E7FA, #6C3EDA, #A0005C, #004A5E, #010008)
Browse the whole catalog at Explore, or see today's palette.