Lagoon Alley color palette — #FFF1F5 · #BBB872 · #608E57 · #476975 · #213C30
A conversation between Fern and Sage, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Sage (#BBB872): A luminous, balanced green — the color of new leaves after rain.
- Fern (#608E57): A full-bodied, balanced green — the color of new leaves after rain.
- Graphite (#476975): A full-bodied, dusty blue — the color of deep harbor water.
- Forest (#213C30): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Lagoon Alley 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
- Lagoon Hollow color palette (#EAF9F3, #8BC49B, #1D938A, #50667B, #183C3B)
- Mustard Lagoon color palette (#ECFAEB, #C3C14C, #579951, #7A5C81, #1C4334)
- Muted Cypress Summit color palette (#FBF4EA, #D3D3A6, #769561, #137365, #2F270C)
- Wandering Pine color palette (#D9EADA, #9EAE5A, #348450, #6B4766, #083026)
- Fern Orchard color palette (#FAF5E4, #92A36C, #506D38, #315538, #37362F)
- Antique Courtyard color palette (#FCF2F7, #B7DCBF, #78A797, #797C8F, #455147)
- Emerald Grove color palette (#D0E7DA, #539739, #00614D, #003D56, #041400)
- Azure Orchard color palette (#CFE8FF, #049EEE, #AB8300, #6C7926, #192D3F)
Browse the whole catalog at Explore, or see today's palette.