Lagoon Basin color palette — #F5F2E5 · #B0B890 · #438279 · #56592C · #252A0C

Teal takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F5F2E5): bright and airy, almost weightless.
• Sage (#B0B890): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#438279): A full-bodied, dusty teal — the color of sea glass.
• Olive (#56592C): A full-bodied, dusty green — the color of new leaves after rain.
• Onyx (#252A0C): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Tempered Pine Lantern color palette (#F7F1EA, #BDB392, #5A8058, #156067, #2F270B)
• Hushed Fern color palette (#F6F6EB, #93BC98, #308566, #625C09, #404800)
• Washed Lagoon Harbor color palette (#EEF8F3, #AAD0AD, #49A193, #507D69, #314745)
• Lagoon Villa color palette (#DAE4BE, #69C0A5, #00848A, #005A6E, #0D2D50)
• Forest Quarry color palette (#F3EADA, #82956C, #006544, #003F51, #0B1600)
• Sunlit Villa color palette (#E6F7EA, #54B4C1, #CE6E5D, #00727E, #431811)
• Tempered Bloom color palette (#D6FCEA, #84C8DF, #0083A1, #004A5A, #001821)
• Softworn Orchard color palette (#F7F0ED, #CDE3D2, #5296BC, #007047, #3C213A)

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