Lagoon Canyon color palette — #F1EDD6 · #589A67 · #007360 · #005065 · #000902

Built around Fern, softened by Teal — the whole palette hums with nature and growth.

The five colors

• Cream (#F1EDD6): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#589A67): A luminous, balanced green — the color of fresh herbs.
• Teal (#007360): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#005065): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Ink (#000902): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, 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

• Muted Pine color palette (#EDE5D4, #7A9352, #00763A, #4F3D6C, #040700)
• Lagoon Basin color palette (#D4F1EF, #2E8764, #005241, #003331, #000804)
• Misty Atelier color palette (#EBDDD4, #70AABF, #007AC0, #005E58, #010329)
• Lapis Thicket color palette (#F9DDF0, #5258E4, #7E6200, #006A43, #01000F)
• Patina Emerald Archive color palette (#F0E5D2, #9BB354, #009937, #685698, #171E00)
• Chalky Veranda color palette (#FCE1EF, #7E67DC, #7B7400, #5C05D2, #070600)
• Gentle Moss color palette (#F0E2D2, #CABB66, #78A100, #6671A4, #32270A)
• Soft Mint color palette (#EEECD7, #67DC91, #00AF99, #A35CA2, #0C371E)

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