Lagoon Basin color palette — #E6FBF5 · #ABDFB7 · #479C81 · #56618A · #002F2D

Fern and Mint set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E6FBF5): A whisper-light, dusty teal — the color of glacier melt.
• Mint (#ABDFB7): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#479C81): A luminous, balanced teal — the color of glacier melt.
• Slate (#56618A): A full-bodied, dusty violet — the color of wild irises.
• Deep Forest (#002F2D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

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

• Quiet Jade color palette (#E6FBF5, #AFEAB8, #12AB80, #905573, #0D3819)
• Dusty Taupe color palette (#EDF9EF, #B2EAE8, #96A670, #6F748F, #223F32)
• Lagoon Corridor color palette (#DEFDF7, #81CEA5, #018A76, #723E4F, #001D1E)
• Faded Emerald color palette (#DEFFEA, #BFCD6C, #539118, #6C477A, #1D2100)
• Tempered Periwinkle Dune color palette (#EFF8F1, #D9D5E1, #66ADE6, #007E87, #162E53)
• Weathered Pier color palette (#F6F6E6, #78A884, #00745A, #5E3F57, #313A00)
• Teal Courtyard color palette (#E2FBF8, #5FB68F, #006F62, #363468, #000B05)
• Timeworn Blush color palette (#FBF1FF, #EA7FA2, #8DA048, #3786B7, #24132A)

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