Lagoon Lagoon color palette — #F2F8E9 · #BCCBA2 · #DDA46F · #43A174 · #664526
Built around Fern, softened by Camel — the whole palette hums with nature and growth.
The five colors
- Ivory (#F2F8E9): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#BCCBA2): A luminous, dusty green — the color of new leaves after rain.
- Camel (#DDA46F): A luminous, balanced gold — the color of honey in a jar.
- Fern (#43A174): A luminous, balanced teal — the color of sea glass.
- Bronze (#664526): A full-bodied, dusty gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Balance. Tagged light, muted.
Use it as a design system
One click turns Lagoon Lagoon 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 Ridge color palette (#EDF9ED, #93D1D2, #BCB376, #00A0A3, #554E23)
- Timeworn Moss color palette (#F7F6EB, #CCC69A, #76BDD4, #819740, #335644)
- Fern Alley color palette (#F9F5EA, #D2CAB3, #AA9A76, #847348, #554700)
- Softworn Quarry color palette (#F0F8F1, #D4D4AF, #4F888D, #3A553F, #232F25)
- Wandering Pine Lagoon color palette (#F1F8E9, #7EC0A2, #CD7C97, #0F8761, #614541)
- Amber Alley color palette (#EAFBE6, #00C8BA, #BD9600, #008A80, #493800)
- Muted Cabin color palette (#E6FAFB, #91EACC, #EFB1D4, #6EBAA1, #544663)
- Tempered Market color palette (#E4FCF2, #7AC2E9, #84B568, #008BBE, #2E4C1B)
Browse the whole catalog at Explore, or see today's palette.