Lagoon Basin color palette — #E5F7EF · #99BF99 · #488270 · #395A6A · #162C2A

Built around Fern, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#E5F7EF): A whisper-light, dusty teal — the color of sea glass.
• Sage (#99BF99): A luminous, dusty green — the color of fresh herbs.
• Fern (#488270): A full-bodied, dusty teal — the color of glacier melt.
• Peacock (#395A6A): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#162C2A): 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 Basin 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

• Worn Jade color palette (#E6F6F0, #73B17F, #007662, #484063, #002220)
• Basalt Corridor color palette (#FBF5E6, #B0B291, #48806E, #3A6353, #454600)
• Worn Cerulean Chapel color palette (#F7EFF4, #BDE3F6, #5F94B8, #216C61, #1C2D44)
• Hushed Grove color palette (#ECF2FF, #F9D0E2, #E9B5A8, #6A89A3, #313246)
• Muted Bloom color palette (#D5F2EB, #008F5F, #004F4A, #42163A, #000A0A)
• Faded Amber Dune color palette (#EDF1FF, #9C99E9, #A38C29, #5F5C98, #302700)
• Antique Iris color palette (#ECF2FF, #7C7EED, #977D00, #5D7443, #161D31)
• Pale Amber color palette (#FFD9E6, #AF9300, #526400, #293972, #1C1500)

Browse the whole catalog at Explore, or see today's palette.