Lagoon Courtyard color palette — #FFF4DF · #A5C78B · #009E75 · #007496 · #2A4314
A conversation between Fern and Teal, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF4DF): A whisper-light, dusty gold — the color of honey in a jar.
- Pistachio (#A5C78B): A luminous, balanced green — the color of new leaves after rain.
- Fern (#009E75): A luminous, balanced teal — the color of sea glass.
- Teal (#007496): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#2A4314): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Lagoon Courtyard 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
- Weathered Courtyard color palette (#FFF3E7, #C8BD74, #649645, #007879, #423B09)
- Celadon Alley color palette (#E8FBEF, #AAEF8A, #00AB86, #327391, #1E3513)
- Washed Delta color palette (#ECE4CF, #8BB088, #008571, #005C86, #292C07)
- Sunlit Harbor color palette (#FFF3E6, #C4BE76, #60974E, #895284, #403C06)
- Weathered Basin color palette (#E4FBF5, #72B57C, #007C5B, #005D5F, #034441)
- Weathered Loft color palette (#FBE8CD, #A0B657, #1C9A5A, #891F5F, #293300)
- Hushed Fern Garden color palette (#F8F5EF, #D4D3B9, #92A27B, #99726E, #544F00)
- Garnet Pier color palette (#E8E2D1, #51834A, #005143, #56001E, #010900)
Browse the whole catalog at Explore, or see today's palette.