Lagoon Studio color palette — #E8F5EF · #98BF9B · #118779 · #5A4E6F · #122D2A
A conversation between Fern and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#E8F5EF): bright and airy, almost weightless.
- Sage (#98BF9B): A luminous, dusty green — the color of new leaves after rain.
- Fern (#118779): A full-bodied, balanced teal — the color of sea glass.
- Charcoal Brown (#5A4E6F): A full-bodied, dusty violet — the color of wild irises.
- Deep Forest (#122D2A): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Lagoon Studio 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
- Tempered Pine color palette (#EAF6EA, #90BFAD, #3F8750, #465C47, #172C25)
- Jade Basin color palette (#D2EBE5, #34AC87, #00686F, #691E3E, #001B12)
- Wandering Courtyard color palette (#FAF5E6, #A6D2A6, #4DA090, #87696B, #414700)
- Hushed Atelier color palette (#F8EFF2, #C8DFF6, #7988CD, #006C6F, #282A40)
- Pine Pier color palette (#D4EAE2, #348C5C, #004F4C, #272E00, #000A0A)
- Pine Coast color palette (#D0FDF7, #94CE95, #3C8A3C, #18500B, #001B04)
- Wandering Olive color palette (#D9EBDA, #BFAF55, #688700, #045C25, #01373C)
- Softworn Forest color palette (#E0F3E7, #779964, #00654C, #433800, #001713)
Browse the whole catalog at Explore, or see today's palette.