Lagoon Canyon color palette — #F7F6EA · #ABB58D · #008673 · #784C4B · #3D4800

Teal takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F7F6EA): bright and airy, almost weightless.
• Sage (#ABB58D): A luminous, dusty green — the color of fresh herbs.
• Teal (#008673): A full-bodied, balanced teal — the color of sea glass.
• Coffee (#784C4B): A full-bodied, dusty orange — the color of autumn markets.
• Deep Olive (#3D4800): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

• Timeworn Chestnut Canyon color palette (#FCF4E8, #B2B381, #5D7F4B, #775107, #504100)
• Ancient Lagoon Market color palette (#E1F7F2, #9BBE9C, #4B8360, #445B4D, #112D2A)
• Cypress Thicket color palette (#F7F6E6, #75A985, #007365, #544C00, #303B00)
• Dusty Grove color palette (#F6F6E9, #A8D1A8, #709B7E, #8B6D26, #414700)
• Washed Boulevard color palette (#EEE3B5, #A3A851, #4C8E08, #176537, #454942)
• Pale Wisteria color palette (#F6F6E8, #83AE69, #BF6EBC, #396F00, #5C353C)
• Cerulean Bloom color palette (#FAF3F0, #C9E5C9, #3398B0, #2B714E, #2C5044)
• Frosted Violet Delta color palette (#F5F8DD, #5E9A58, #9861AE, #914C84, #383932)

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