Tempered Celadon color palette — #E8FAF5 · #D7EEA9 · #C8DEC9 · #7BDBDC · #204D4A
Built around Celadon Mist, softened by Ice Blue — the whole palette hums with nature and growth.
The five colors
- Ivory (#E8FAF5): bright and airy, almost weightless.
- Celadon Mist (#D7EEA9): A whisper-light, balanced green — the color of fresh herbs.
- Celadon Mist (#C8DEC9): A whisper-light, dusty green — the color of new leaves after rain.
- Ice Blue (#7BDBDC): A whisper-light, balanced teal — the color of sea glass.
- Forest (#204D4A): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, 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
- Aged Harbor color palette (#F6F6E7, #C7F7C5, #8AE3BE, #77C199, #42443C)
- Worn Coast color palette (#EAF8FA, #E1FECC, #A8F6DC, #94CEFF, #2F4C55)
- Hushed Corridor color palette (#DFFEEC, #C7E5E3, #A5C5D1, #A69CAE, #574D5E)
- Teal Courtyard color palette (#EAF8FA, #99E7D0, #EFB3C9, #5EBCA3, #584463)
- Faded Chartreuse Canyon color palette (#D5FFFB, #EDE75B, #58F293, #00D1E3, #003C33)
- Chartreuse Villa color palette (#F2F3E8, #E0E8B4, #B2D27F, #51BAB9, #292D1A)
- Hushed Mint color palette (#E4F6F3, #95C784, #6A8083, #4A5855, #1C2420)
- Misty Seafoam Drift color palette (#E6F9FF, #58FDBB, #51DBFD, #989FFF, #002E46)
Browse the whole catalog at Explore, or see today's palette.