Jade Lagoon color palette — #F3F7EB · #5EAA82 · #4774A2 · #6B465D · #46413C
A conversation between Jade and Slate, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F3F7EB): bright and airy, almost weightless.
- Jade (#5EAA82): A luminous, balanced teal — the color of glacier melt.
- Slate (#4774A2): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal Brown (#6B465D): A full-bodied, dusty pink — the color of peonies in June.
- Charcoal (#46413C): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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
- Wandering Moss color palette (#F6F6EB, #85A554, #387A8F, #62486D, #653400)
- Patina Turquoise Quarry color palette (#ECF9EF, #0BABBC, #79649A, #734639, #43433C)
- Dusty Lagoon color palette (#F9F4ED, #C3EDE5, #7CA48D, #607656, #385147)
- Hushed Courtyard color palette (#E7FAF8, #8EBF9C, #8E82BB, #89576E, #5E3821)
- Aqua Lantern color palette (#E7FDDB, #5CD1C6, #29999D, #236B7A, #395A4A)
- Muted Summit color palette (#EFFBDB, #B8D4B7, #84A193, #816B6B, #724600)
- Ancient Ultramarine Hollow color palette (#E8FDDF, #009281, #3B4ABA, #741039, #3B2F00)
- Lagoon Summit color palette (#EDF5E7, #009276, #304231, #252A22, #121613)
Browse the whole catalog at Explore, or see today's palette.