Lagoon Canyon color palette — #DEE0CF · #5F9D78 · #006452 · #27411C · #0F1500
Fern and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Bone (#DEE0CF): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#5F9D78): A luminous, balanced teal — the color of shallow lagoons.
- Pine (#006452): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#27411C): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#0F1500): 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 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
- Worn Terrace color palette (#E7E1D3, #87964B, #2A6500, #004432, #161200)
- Hushed Emerald color palette (#D5EAE2, #47A06F, #00625F, #3A4213, #062F2F)
- Hushed Mint color palette (#F9F6E5, #82CF9E, #008883, #4D571B, #151B00)
- Lagoon Delta color palette (#F2F3E7, #BFC7AB, #4B927C, #4F6953, #30322B)
- Softworn Harbor color palette (#D4EDDD, #008EA9, #B63B00, #004F60, #260600)
- Timeworn Olive Thicket color palette (#FBF0E0, #AFAB68, #5D7600, #07546B, #242100)
- Dusty Petrol color palette (#EFE8DD, #7DBFCF, #00759A, #004C48, #00172A)
- Weathered Boulevard color palette (#EDE6CB, #4C7617, #004318, #00251F, #010400)
Browse the whole catalog at Explore, or see today's palette.