Jade Lagoon color palette — #F1EDCA · #51A76C · #006A5A · #6A2D2D · #003919
Built around Jade, softened by Oxblood — the whole palette hums with nature and growth.
The five colors
- Custard (#F1EDCA): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#51A76C): A luminous, balanced teal — the color of shallow lagoons.
- Pine (#006A5A): A full-bodied, balanced teal — the color of glacier melt.
- Oxblood (#6A2D2D): A deep, shadowed, balanced orange — the color of autumn markets.
- Deep Forest (#003919): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, 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 Canyon color palette (#F5EAD5, #859E34, #006E27, #6C244A, #283300)
- Aged Cypress Boulevard color palette (#FAF5E7, #8AA47B, #307152, #504D20, #36362F)
- Faded Forest Drift color palette (#CDEDE5, #6CA663, #006E32, #4C3C00, #031C00)
- Pine Drift color palette (#E6E3D2, #578858, #00513F, #2D3200, #042106)
- Jade Balcony color palette (#B5FFC5, #00B470, #006840, #00361C, #001F0E)
- Muted Pine color palette (#EDEDD6, #7DBE76, #008F47, #6E5800, #073904)
- Soft Aubergine color palette (#DAEEDB, #289C41, #820097, #890040, #002D09)
- Hushed Courtyard color palette (#F5F6ED, #B9C6A7, #6E8A6A, #915333, #405612)
Browse the whole catalog at Explore, or see today's palette.