Jade Lagoon color palette — #FBF5E7 · #C5D290 · #84AE6E · #A8746E · #37362F

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

The five colors

• Ivory (#FBF5E7): bright and airy, almost weightless.
• Pistachio (#C5D290): A whisper-light, balanced green — the color of new leaves after rain.
• Jade (#84AE6E): A luminous, balanced green — the color of new leaves after rain.
• Mocha (#A8746E): A luminous, dusty orange — the color of toasted spice.
• Espresso (#37362F): quiet, heavy and certain.

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

• Aged Teal Dune color palette (#F6F7E5, #A5D8B5, #40B799, #A47386, #303B00)
• Airy Hollow color palette (#FCF5E1, #BEDB84, #5FBE56, #908B50, #3C3B34)
• Antique Lagoon Study color palette (#FEF4E3, #A9BC90, #3D936D, #73577E, #36362F)
• Hazy Station color palette (#EDE5C2, #ACB846, #14B2F4, #D17399, #322B0A)
• Ancient Dune color palette (#E9E5D1, #A1C78D, #23AB60, #737B3B, #2B2B04)
• Weathered Cocoa color palette (#FAF4EB, #EBDDB7, #B0BC90, #A9977D, #604A00)
• Mint Field color palette (#EBEFD0, #54DDA1, #00AF98, #A46E1E, #003823)
• Quiet Emerald color palette (#EBE5CF, #92B466, #369544, #8B5341, #1E1B00)

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