Lagoon Field color palette — #EDEEAF · #96BB88 · #008E7A · #59557E · #664249
Built around Fern, softened by Custard — the whole palette hums with nature and growth.
The five colors
- Custard (#EDEEAF): A whisper-light, balanced green — the color of new leaves after rain.
- Sage (#96BB88): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#008E7A): A full-bodied, balanced teal — the color of sea glass.
- Graphite (#59557E): A full-bodied, dusty violet — the color of a velvet chair.
- Cocoa (#664249): A full-bodied, dusty red — the color of embers at dusk.
Feels like: Nature, Growth, Balance. Tagged vintage, retro, muted.
Use it as a design system
One click turns Lagoon Field 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
- Softworn Lime color palette (#FFDEBC, #92BA60, #3E8F91, #6C474B, #492228)
- Stone Lagoon color palette (#FADFBA, #B7B26B, #5C8458, #405D86, #473F6B)
- Mulberry Hollow color palette (#E4F3CC, #6EB3AD, #31829A, #7B3E66, #613A30)
- Aged Teal Drift color palette (#FFF3E7, #B0C189, #3DACAA, #786C8E, #55486B)
- Cypress Loft color palette (#E6E4C8, #6A9E77, #007F73, #543B70, #59272F)
- Chalky Seafoam Lantern color palette (#DAF9CA, #A4DEB2, #71BCA4, #6297B4, #294973)
- Muted Lagoon color palette (#D9E7D7, #3D9781, #005F68, #482C4C, #3D1A15)
- Chestnut Loft color palette (#E9FBE5, #AEC8B8, #A189A1, #8A685F, #7C4418)
Browse the whole catalog at Explore, or see today's palette.