Jade Lagoon color palette — #E3F7F1 · #83AE75 · #427149 · #1F5045 · #00221E

Jade and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E3F7F1): A whisper-light, dusty teal — the color of sea glass.
• Jade (#83AE75): A luminous, balanced green — the color of new leaves after rain.
• Olive (#427149): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#1F5045): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#00221E): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, 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

• Ancient Lagoon color palette (#E1F7F5, #8DC1A4, #48826E, #355D5A, #0F2D2D)
• Washed Chapel color palette (#D0E6DF, #00B2A1, #007672, #004648, #002629)
• Cypress Pier color palette (#FAF6E1, #86A57C, #36714E, #485026, #35362F)
• Timeworn Moss Harbor color palette (#CEEEDE, #8FA000, #486700, #174A1B, #141800)
• Softworn Seafoam color palette (#E4FCF0, #AEE19C, #469D79, #456D5C, #082F2A)
• Violet Archive color palette (#D0EFFA, #00A5AC, #8569BD, #006166, #201337)
• Dusty Pine color palette (#D4EAE5, #248F47, #005132, #193111, #000B02)
• Cypress Chapel color palette (#E1F6FF, #C2DBFC, #84B2D8, #1B777B, #052534)

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