Tempered Celadon color palette — #B7FAA9 · #FFC0A9 · #B7B5FF · #4F4A59 · #333640

Built around Mint, softened by Lavender — the whole palette hums with nature and growth.

The five colors

• Mint (#B7FAA9): A whisper-light, balanced green — the color of fresh herbs.
• Wheat (#FFC0A9): A whisper-light, dusty orange — the color of autumn markets.
• Lavender (#B7B5FF): A luminous, balanced violet — the color of twilight just after sunset.
• Charcoal Brown (#4F4A59): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#333640): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged neon, dark, vibrant, muted.

Use it as a design system

One click turns Tempered 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

• Soft Mallow color palette (#8CFFD2, #FFC47A, #E69DFF, #524454, #34343B)
• Timeworn Celadon Parlor color palette (#AEFABD, #FFD2B6, #CFCFFF, #765E6C, #3A3437)
• Worn Straw Lantern color palette (#ECEB88, #FFBAD1, #6FC9FF, #42475A, #2B343B)
• Honey Canyon color palette (#DBEACF, #EFC663, #96BBFF, #1F2D40, #151C25)
• Faded Wisteria color palette (#CBEDE0, #FF9F6B, #C685FF, #3A2643, #1C1C28)
• Weathered Driftwood Parlor color palette (#F5F4FB, #DFD7DC, #B5A9A2, #847C9E, #53515B)
• Hushed Pewter color palette (#F4F4FD, #CCB4E7, #AA686D, #7B5D9A, #342A35)
• Wandering Denim color palette (#F2F5FF, #D2BE93, #5F5780, #33374D, #26232B)

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