Weathered Celadon color palette — #F8F6E4 · #CEF2BA · #7EAC7D · #747870 · #393932

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

The five colors

• Cream (#F8F6E4): A whisper-light, dusty green — the color of new leaves after rain.
• Celadon Mist (#CEF2BA): A whisper-light, balanced green — the color of a quiet forest floor.
• Jade (#7EAC7D): A luminous, balanced green — the color of fresh herbs.
• Pewter (#747870): soft and architectural.
• 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 Celadon 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

• Wandering Veranda color palette (#F5F7E5, #BFF5CB, #6FAE8E, #777C34, #343E00)
• Celadon Lantern color palette (#FCF5DE, #CBE773, #7AA052, #3A7771, #2A3307)
• Washed Forest color palette (#E7F6EF, #8CBFB3, #5B805E, #226156, #052F27)
• Basalt Garden color palette (#FCF4EA, #B9B08C, #557F59, #16656F, #4F4100)
• Weathered Ridge color palette (#F4F8E2, #3EBD75, #00714F, #004353, #000B03)
• Lime Grove color palette (#FAF6DF, #9DCC74, #4D8746, #3B5A3E, #1B1900)
• Dusty Olive color palette (#EBE2CD, #7E8015, #364200, #00211B, #010100)
• Wandering Emerald Boulevard color palette (#E3E4C2, #48A551, #005D33, #003428, #000200)

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