Jade Lagoon color palette — #E4FBF7 · #8BE5AC · #2CC08E · #3696B1 · #19442B
Jade and Lagoon set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E4FBF7): A whisper-light, dusty teal — the color of glacier melt.
- Lagoon (#8BE5AC): A whisper-light, balanced teal — the color of shallow lagoons.
- Jade (#2CC08E): A luminous, balanced teal — the color of glacier melt.
- Cerulean (#3696B1): A luminous, balanced blue — the color of deep harbor water.
- Forest (#19442B): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, muted.
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
- Misty Clover Harbor color palette (#E6FBF2, #C2D993, #76BB39, #359A94, #194338)
- Softworn Teal Studio color palette (#D4EAE8, #71D0A9, #00A98D, #427D99, #042F31)
- Hushed Jade Basin color palette (#FCF5DE, #B2EB9C, #20AB7A, #795E8A, #1E3613)
- Timeworn Taupe Hollow color palette (#EBF9F1, #D7D9A4, #A4B56E, #A583A2, #34473F)
- Gentle Market color palette (#E7FAF7, #C7E1FF, #3DC6FC, #00A3B4, #004566)
- Ancient Station color palette (#DDF2EF, #459D66, #007451, #673D06, #000807)
- Pine Corridor color palette (#E2F9E8, #96B46B, #007F55, #6B3856, #182502)
- Quiet Clover Meadow color palette (#D3F4E9, #9FD276, #27B51F, #AE6544, #1D3601)
Browse the whole catalog at Explore, or see today's palette.