Lagoon Harbor color palette — #F5F7E5 · #8EC39D · #3C936F · #486D58 · #313B00
Built around Fern, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Cream (#F5F7E5): A whisper-light, dusty green — the color of new leaves after rain.
- Mint Leaf (#8EC39D): A luminous, dusty teal — the color of sea glass.
- Fern (#3C936F): A luminous, balanced teal — the color of glacier melt.
- Pine (#486D58): A full-bodied, dusty teal — the color of glacier melt.
- Forest (#313B00): A deep, shadowed, dusty green — the color of fresh herbs.
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
- Seafoam Hollow color palette (#F2F7EC, #88D6C0, #549F94, #5B796F, #3C4635)
- Wandering Olive color palette (#FAF5E8, #B3BB7A, #738B43, #6A615E, #37352F)
- Gentle Jade Pier color palette (#E4E7D0, #62BB81, #00865E, #6D4E2F, #252D0C)
- Cypress Lagoon color palette (#F7F6E7, #7CA87D, #327156, #3A4A6D, #35362F)
- Lagoon Orchard color palette (#FBF4EA, #D8D1AA, #599B6C, #874D6E, #2F2800)
- Dusty Terrace color palette (#DAE3C3, #00AC79, #00715C, #004C66, #141F00)
- Mustard Corridor color palette (#F6EAD0, #B3B200, #6F8200, #864444, #303000)
- Weathered Bronze Corridor color palette (#F7F5ED, #D8D2AC, #9F9E7A, #AB6B4A, #584E00)
Browse the whole catalog at Explore, or see today's palette.