Clover Lagoon color palette — #DBFFF0 · #80B557 · #0C7E3D · #694162 · #16433B

Built around Jade, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Honeydew (#DBFFF0): A whisper-light, dusty teal — the color of shallow lagoons.
• Jade (#80B557): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#0C7E3D): A full-bodied, balanced teal — the color of sea glass.
• Charcoal Brown (#694162): A full-bodied, dusty pink — the color of peonies in June.
• Forest (#16433B): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Clover 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

• Teal Delta color palette (#E3FBF8, #55B991, #007A6E, #723F4B, #0E4532)
• Faded Archive color palette (#DEFAEB, #92B47A, #007F51, #5B3E6B, #142603)
• Olive Lagoon color palette (#EEF8F0, #B4B37F, #687C46, #665266, #31483E)
• Tempered Emerald color palette (#D2EBE3, #5A9E5A, #006543, #553046, #00302D)
• Emerald Ridge color palette (#FCF5E1, #A7C690, #239E67, #795C86, #2C4219)
• Lagoon Terrace color palette (#D5EEEB, #009069, #005049, #4F1828, #002116)
• Feathered Jade Cabin color palette (#F8F6E7, #B8DBA0, #71B96C, #BB7454, #2E411E)
• Lime Terrace color palette (#FFF3E9, #FFD98E, #B5C95F, #A36450, #5C461E)

Browse the whole catalog at Explore, or see today's palette.