Tempered Celadon color palette — #F9F5E4 · #E1EC9A · #DCDEC9 · #98D6AB · #4E4D46
Butter and Pistachio set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F9F5E4): A whisper-light, dusty green — the color of new leaves after rain.
- Butter (#E1EC9A): A whisper-light, balanced green — the color of a quiet forest floor.
- Bone (#DCDEC9): A whisper-light, dusty green — the color of fresh herbs.
- Pistachio (#98D6AB): A whisper-light, balanced teal — the color of sea glass.
- Charcoal Brown (#4E4D46): quiet, heavy and certain.
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
- Hushed Seafoam Terrace color palette (#E6FBF3, #F6FCB8, #D0D9CA, #8EE5CD, #25423C)
- Celadon Boulevard color palette (#FCF7CF, #B1E6A2, #84CD9A, #68A28B, #45533C)
- Muted Cocoa Corridor color palette (#FEF3E8, #C7FDDD, #E3DAD0, #CFCF92, #654200)
- Worn Seafoam Chapel color palette (#F2F8E8, #98EABC, #F0B1D3, #7FB797, #634343)
- Worn Study color palette (#F4F3E3, #A5C563, #77833D, #56554A, #24211B)
- Softworn Fern color palette (#F6F6E8, #B4F1D3, #BEE3FF, #A7CADD, #475305)
- Wandering Powder color palette (#F9F4ED, #BFE2EE, #96D0EC, #8FAB8B, #335249)
- Gentle Chartreuse Parlor color palette (#F6FACD, #FDEB70, #91EC5E, #00D3C4, #194422)
Browse the whole catalog at Explore, or see today's palette.