Lagoon Canyon color palette — #ECDBE1 · #AAA978 · #4B8966 · #5F4064 · #2A1F37

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

The five colors

• Shell Pink (#ECDBE1): A whisper-light, dusty rose — the color of strawberry cream.
• Sage (#AAA978): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#4B8966): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#5F4064): A full-bodied, dusty pink — the color of peonies in June.
• Deep Indigo (#2A1F37): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Hushed Lagoon color palette (#D5F1D8, #81AFA4, #328977, #513F5F, #33273D)
• Cypress Archive color palette (#E5F6F1, #80AC8F, #007567, #673633, #012221)
• Wandering Stone color palette (#DAFCE6, #94CCC3, #5B929A, #665971, #372C40)
• Jade Delta color palette (#EFF2DE, #48AA76, #007685, #752E35, #450B15)
• Stone Field color palette (#FFE2B7, #B1C089, #8A9B75, #7E5861, #5B4047)
• Olive Drift color palette (#F3EADE, #7B853F, #006348, #44133C, #24051A)
• Tempered Petrol Pier color palette (#E0EEE2, #47999D, #2E6EA1, #643200, #2D0F1C)
• Cobalt Parlor color palette (#C8F0C7, #6CBDAB, #2E8BC1, #7F4331, #442205)

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