Lagoon Lagoon color palette — #F3F7D8 · #ABDBB9 · #58AF8D · #008D7B · #40593F
Built around Fern, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Custard (#F3F7D8): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#ABDBB9): A whisper-light, dusty teal — the color of sea glass.
- Jade (#58AF8D): A luminous, balanced teal — the color of glacier melt.
- Fern (#008D7B): A full-bodied, balanced teal — the color of glacier melt.
- Charcoal Brown (#40593F): A full-bodied, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance. Tagged 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 Quarry color palette (#FDF6D5, #96C190, #2B996D, #026F6B, #3B5645)
- Aged Cypress color palette (#E8FCE3, #C5DFBC, #60B3A6, #00766F, #03443D)
- Frosted Boulevard color palette (#E4FAE0, #96D8DD, #49B4C9, #0787AD, #295B4C)
- Worn Celadon color palette (#D9FFF2, #B3E4A4, #73CFB1, #5BA19E, #385665)
- Olive Grove color palette (#FFF4E0, #CBCA98, #95A258, #68883F, #4D4E46)
- Lagoon Field color palette (#F1F7ED, #94D4BF, #D99CBB, #25A284, #663F53)
- Tempered Pine color palette (#CFE5D4, #00865D, #005847, #002927, #000B0C)
- Turquoise Study color palette (#DCF6F0, #3EC3C8, #0092A4, #00657E, #00405A)
Browse the whole catalog at Explore, or see today's palette.