Tempered Celadon color palette — #FFF4E0 · #F4F6A1 · #9CBD76 · #5C8562 · #4B4E47
Built around Butter, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Cream (#FFF4E0): A whisper-light, dusty gold — the color of old brass.
- Butter (#F4F6A1): A whisper-light, balanced green — the color of a quiet forest floor.
- Sage (#9CBD76): A luminous, balanced green — the color of fresh herbs.
- Fern (#5C8562): A full-bodied, dusty green — the color of new leaves after rain.
- Charcoal Brown (#4B4E47): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication. Tagged 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
- Patina Stone Market color palette (#FFEBD0, #DBD79B, #A4C586, #6D9E79, #455439)
- Celadon Balcony color palette (#F6F9D1, #B2FFD0, #74CFB8, #418A8C, #3D5947)
- Aged Meadow color palette (#DFFEED, #B0B684, #799654, #447632, #275B58)
- Ancient Mint color palette (#F3F9DA, #BCEEDE, #84BE90, #4D714E, #2E3029)
- Antique Marigold Workshop color palette (#FFF2EA, #E6DCBA, #C8A662, #887B4C, #524700)
- Celadon Grove color palette (#F6F7E5, #C6F7A8, #DFBDF0, #83A66C, #5C3B45)
- Ancient Mint Studio color palette (#E3FFD4, #60DB8A, #00A27C, #006161, #003C46)
- Frosted Lime color palette (#D9EFA0, #66CE3F, #00905C, #00594D, #001F21)
Browse the whole catalog at Explore, or see today's palette.