Lagoon Ridge color palette — #EEF4E7 · #A5BC96 · #2C857C · #385E52 · #202B18
A conversation between Teal and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#EEF4E7): a clean, paper-quiet neutral.
- Sage (#A5BC96): A luminous, dusty green — the color of a quiet forest floor.
- Teal (#2C857C): A full-bodied, balanced teal — the color of sea glass.
- Pine (#385E52): A full-bodied, dusty teal — the color of glacier melt.
- Deep Forest (#202B18): 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 Ridge 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
- Patina Alley color palette (#EFF4E4, #7CAC96, #007661, #613E00, #162007)
- Patina Cypress Corridor color palette (#E6FAF5, #8DBCA1, #398179, #5D546E, #284949)
- Timeworn Olive Alley color palette (#F6F1E8, #C1B289, #737B3A, #704A3E, #2D2714)
- Azure Coast color palette (#F0F3EB, #C3E5DB, #5B90CF, #246684, #382437)
- Teal Villa color palette (#F6F6E9, #C3E9CD, #4AB2A4, #916A6F, #313F00)
- Hushed Moss Corridor color palette (#EFE4C9, #9B9B00, #536300, #6E1D21, #171700)
- Inked Fern color palette (#F2EED3, #426321, #063403, #270900, #010100)
- Bronze Orchard color palette (#F3E6D1, #877916, #464700, #451C00, #0A0800)
Browse the whole catalog at Explore, or see today's palette.