Tempered Celadon color palette — #F9FD97 · #FFEADA · #FFCCE0 · #44364D · #211C24

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

The five colors

• Butter (#F9FD97): A whisper-light, balanced green — the color of fresh herbs.
• Cream (#FFEADA): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Shell Pink (#FFCCE0): A whisper-light, dusty rose — the color of strawberry cream.
• Charcoal (#44364D): A deep, shadowed, dusty violet — the color of wild irises.
• Onyx (#211C24): quiet, heavy and certain.

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

• Shell Corridor color palette (#F3F7D2, #FFD0C7, #B5B7AB, #472D41, #171115)
• Wandering Lichen color palette (#E2FFD7, #FFE8E6, #C4DFCA, #564554, #2B252A)
• Ancient Workshop color palette (#F8F3FB, #EFDDBF, #9E5F7C, #42304E, #130C18)
• Chalky Chartreuse Orchard color palette (#CBF0E6, #C5E659, #BE80EC, #48394E, #2B2B35)
• Tempered Straw Basin color palette (#D2FFE4, #FFE068, #FFBFA5, #522613, #160510)
• Chalky Fuchsia Study color palette (#D9EFEE, #DEB800, #EE78DF, #392023, #1B1011)
• Hushed Lagoon color palette (#F8F3F8, #E7D7DA, #CAC2B9, #C98B8C, #433D43)
• Linen Blush color palette (#FFEFFF, #F69199, #B59D39, #5C7E44, #2D1F2D)

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