Lagoon Basin color palette — #F3F2EA · #99BF9D · #278867 · #5D5700 · #262916

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

The five colors

• Cream (#F3F2EA): bright and airy, almost weightless.
• Sage (#99BF9D): A luminous, dusty green — the color of new leaves after rain.
• Fern (#278867): A full-bodied, balanced teal — the color of sea glass.
• Olive (#5D5700): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#262916): 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 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

• Softworn Olive Ridge color palette (#FAF0E3, #BCB588, #707D30, #724C00, #2E2612)
• Wandering Atelier color palette (#F2F3E5, #76AF8A, #00765F, #304F37, #191F05)
• Timeworn Stone Market color palette (#E6FAF5, #A7D1AC, #679D86, #597971, #314745)
• Teal Corridor color palette (#DDEED4, #38B9AE, #008B95, #005D6C, #10392A)
• Aged Teal color palette (#F9F5EA, #C7E8C9, #4FB1A0, #8A742C, #373D00)
• Antique Moss color palette (#F3E2CB, #A69634, #566300, #004C1F, #1A1600)
• Tempered Lagoon color palette (#DDE2C9, #338A6B, #004F48, #003039, #000B05)
• Soft Ember Ridge color palette (#E8F6EC, #53B4C3, #D6665B, #00727F, #421915)

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