Tempered Celadon color palette — #F6F3FF · #F7F900 · #EDD7DE · #334C41 · #18211D

A conversation between Lemon and Charcoal, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F6F3FF): bright and airy, almost weightless.
• Lemon (#F7F900): A whisper-light, vivid green — the color of a quiet forest floor.
• Shell Pink (#EDD7DE): A whisper-light, dusty rose — the color of a warm blush.
• Charcoal (#334C41): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#18211D): quiet, heavy and certain.

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

• Ancient Celadon color palette (#F4F4FF, #CEFFB9, #DED6CD, #35514C, #18211F)
• Chalky Meadow color palette (#FFEDF0, #ECD7FF, #B4E500, #222E04, #001610)
• Wandering Station color palette (#FFD5F8, #84DFFF, #B1CC5B, #3F4938, #313027)
• Ancient Driftwood Corridor color palette (#ECF8F5, #D0D9CA, #749063, #254F47, #141D1B)
• Cream Balcony color palette (#FFEAD4, #DCE0F1, #BAAEB2, #5C464D, #2E2628)
• Seafoam Parlor color palette (#F4E3FE, #A7E8FF, #6BF3A6, #596A26, #31332D)
• Mustard Villa color palette (#FADEF0, #FBABF7, #E4B42C, #342B1C, #1B150C)
• Lilac Chapel color palette (#ECF9ED, #E4BD79, #AFA3E9, #AD6F68, #29352A)

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