Lagoon Field color palette — #F9F8D3 · #91CBA3 · #009C7E · #0B726F · #3D5946
Fern and Teal set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#F9F8D3): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint Leaf (#91CBA3): A luminous, balanced teal — the color of glacier melt.
- Fern (#009C7E): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#0B726F): A full-bodied, balanced teal — the color of shallow lagoons.
- Charcoal Brown (#3D5946): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Worn Seafoam color palette (#EFFBD4, #7CD7AF, #5FB69A, #4A8778, #42543C)
- Lagoon Garden color palette (#E8FCE7, #98DBD8, #1B988F, #005E59, #253C21)
- Timeworn Summit color palette (#F1F8E9, #82BFA3, #D77B6E, #2D8463, #534B48)
- Washed Moss Terrace color palette (#FFF3E2, #C2BB7C, #82933A, #457247, #4B4E47)
- Teal Market color palette (#D2E6D7, #00C0A2, #00827C, #005863, #00425E)
- Cerulean Studio color palette (#E6FDDF, #6EC2C4, #0090B2, #2A6888, #624B61)
- Taupe Archive color palette (#EFF9E9, #C0ECE7, #D8D2F2, #929670, #425042)
- Peony Grove color palette (#EFFAE4, #5EA98E, #BA6B9D, #9E6652, #40443D)
Browse the whole catalog at Explore, or see today's palette.