Weathered Jade color palette — #FBF5E7 · #C6D0A2 · #7DB160 · #59917B · #37362F

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

The five colors

• Ivory (#FBF5E7): bright and airy, almost weightless.
• Pistachio (#C6D0A2): A whisper-light, dusty green — the color of a quiet forest floor.
• Jade (#7DB160): A luminous, balanced green — the color of new leaves after rain.
• Fern (#59917B): A luminous, dusty teal — the color of sea glass.
• 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 Weathered Jade 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

• Washed Emerald Corridor color palette (#FFF1F5, #D6D497, #66995B, #466975, #122E22)
• Basalt Cabin color palette (#F8F6E8, #D5D9B2, #81BC98, #7F987B, #444600)
• Clover Corridor color palette (#FCF5E1, #BFDB8A, #54C04A, #508FC0, #3C3B34)
• Worn Emerald color palette (#E9E5D3, #A3C691, #2BAB61, #5077A9, #2B2B0A)
• Emerald Courtyard color palette (#F1EBDA, #96B271, #2F9640, #227264, #1E1B00)
• Weathered Taupe Chapel color palette (#E8F6EF, #96A871, #536E40, #1B504D, #00221A)
• Washed Blush Thicket color palette (#F2DDF2, #73B1FF, #FF6E80, #6AAA41, #382339)
• Olive Courtyard color palette (#F3ECDF, #898F40, #457000, #004F6D, #060600)

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