Lagoon Basin color palette — #F1E2C2 · #AAA97F · #3B8377 · #613B39 · #3E2120

A conversation between Teal and Sage, giving this palette its sense of nature and growth.

The five colors

• Parchment (#F1E2C2): A whisper-light, dusty gold — the color of old brass.
• Sage (#AAA97F): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#3B8377): A full-bodied, dusty teal — the color of glacier melt.
• Cocoa (#613B39): A deep, shadowed, dusty orange — the color of autumn markets.
• Espresso (#3E2120): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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

• Timeworn Driftwood color palette (#F3E9CA, #ADB59B, #708C75, #6D5049, #493029)
• Muted Petrol color palette (#E9F3E2, #5FAD9F, #007695, #662C1D, #461303)
• Softworn Olive color palette (#D2ECC3, #9DA47B, #648041, #435E53, #504051)
• Dusty Olive Study color palette (#F8F0E7, #ABA262, #517016, #5C4018, #231B06)
• Tempered Stone color palette (#EFE5AF, #9DC99D, #639C99, #6E677F, #443B56)
• Teal Cabin color palette (#D6FFFA, #A5D9DA, #6EB2A4, #527390, #2B384B)
• Chestnut Hollow color palette (#F2F3E2, #C3D6BB, #7F9B8C, #955537, #5E3A00)
• Cobalt Hollow color palette (#BAF4D7, #54C2CE, #4E82BC, #733D00, #3A2500)

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