Weathered Jade color palette — #F8F5EC · #DDEDBB · #80AC76 · #8D6C73 · #393932

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

The five colors

• Ivory (#F8F5EC): bright and airy, almost weightless.
• Celadon Mist (#DDEDBB): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#80AC76): A luminous, balanced green — the color of new leaves after rain.
• Mocha (#8D6C73): A full-bodied, dusty red — the color of a theater curtain.
• Charcoal (#393932): 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

• Muted Dune color palette (#FEF4E3, #E0DD8E, #7CA115, #92585A, #323004)
• Basalt Veranda color palette (#FBF4EA, #CDDDA3, #88BA98, #A58692, #4C4300)
• Worn Veranda color palette (#E8FAF2, #8DBBAC, #667B54, #6A5063, #294A40)
• Dusty Mint Courtyard color palette (#FFF2E9, #F9A372, #26C69D, #9184D6, #3A2616)
• Dusty Jade color palette (#F8F6E5, #77B569, #007246, #5D2D0C, #080800)
• Wandering Powder Dune color palette (#F8F5EF, #BFE1ED, #6AC7F8, #229493, #25473F)
• Tempered Olive color palette (#FEF4DF, #B5C37D, #4A8922, #754039, #1D1800)
• Hushed Garden color palette (#FAF7D9, #84DC84, #009566, #803D67, #042606)

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