Jade Lagoon color palette — #DDF5DA · #52BF82 · #00A97D · #00776A · #003636
Built around Jade, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Honeydew (#DDF5DA): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#52BF82): A luminous, balanced teal — the color of glacier melt.
- Jade (#00A97D): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#00776A): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Forest (#003636): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Jade 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 Thicket color palette (#D1F0D8, #65D1AA, #00B59C, #008983, #00444B)
- Sunlit Teal Coast color palette (#DAF3E5, #00AB92, #008E8B, #006B71, #00262D)
- Emerald Lagoon color palette (#DFEEDD, #00A452, #006F4F, #003B33, #001615)
- Clover Ridge color palette (#E4EDAF, #68CF69, #008965, #005754, #00222A)
- Misty Moss Summit color palette (#E9EADA, #9CB84E, #58A300, #007936, #003A23)
- Powdered Seafoam Pier color palette (#B5F4EB, #4AD6C6, #00A9A4, #00716D, #001A19)
- Hushed Turquoise color palette (#C3E9E6, #00C3CB, #00A0BE, #007496, #00314B)
- Feathered Jade color palette (#CDF9FF, #ADDDFB, #A3BBFD, #3DB87E, #003C3E)
Browse the whole catalog at Explore, or see today's palette.