Tempered Celadon color palette — #ECF7FF · #D2FFAC · #FFCFD1 · #493029 · #231410

A conversation between Butter and Shell Pink, giving this palette its sense of nature and growth.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Butter (#D2FFAC): A whisper-light, balanced green — the color of a quiet forest floor.
• Shell Pink (#FFCFD1): A whisper-light, dusty red — the color of a theater curtain.
• Espresso (#493029): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#231410): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Sophistication. 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

• Cocoa Pier color palette (#F3F4FF, #B7FFF1, #FFD3AD, #5B3400, #19120A)
• Sand Veranda color palette (#FFF2ED, #FCE2AC, #9D6563, #552A29, #190B06)
• Hushed Canyon color palette (#FFEAD6, #FEC8FD, #D3CAD2, #422A2E, #22191A)
• Pale Coral color palette (#FFF2EC, #F69385, #4FB298, #3379A5, #341F15)
• Washed Peony color palette (#C5EAE6, #88CAFF, #EA6397, #33243A, #18141B)
• Glacier Atelier color palette (#D6ECFF, #62E3FF, #FFAAC7, #7B5652, #322221)
• Chartreuse Lantern color palette (#D0E2F1, #7EE146, #FF8894, #52323E, #302A30)
• Fern Thicket color palette (#FFF2EB, #E5E1B7, #B99C50, #6F6706, #283900)

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