Lagoon Canyon color palette — #CDEBD1 · #8CAA82 · #008B89 · #5B2C2C · #330B0D

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

The five colors

• Celadon Mist (#CDEBD1): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#8CAA82): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#008B89): A full-bodied, balanced teal — the color of glacier melt.
• Cocoa (#5B2C2C): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#330B0D): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Lagoon Canyon 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

• Petrol Lagoon color palette (#F1EFCB, #7BBD9B, #007A93, #5C2F00, #210D00)
• Ancient Pier color palette (#FFD1E6, #ADAE6D, #008A77, #6A2B35, #370A13)
• Teal Quarry color palette (#DCE7D7, #4CBE9A, #4D9295, #745783, #462120)
• Dusty Basalt color palette (#EBE5D5, #6C8D69, #206564, #582532, #3B1B00)
• Patina Study color palette (#E4F2E1, #009898, #2D4478, #3B1D00, #070200)
• Softworn Lagoon color palette (#E7FCEA, #96AD4F, #007340, #4E3700, #000A06)
• Crimson Boulevard color palette (#D4F5FA, #00A991, #E0005D, #005B4D, #170004)
• Dusty Onyx color palette (#E1F3EA, #44887C, #005F64, #192D52, #110A3B)

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