Tempered Celadon color palette — #E4FFD0 · #E4FD7B · #E0D5FF · #2D3049 · #171821
A conversation between Butter and Custard, giving this palette its sense of nature and growth.
The five colors
- Custard (#E4FFD0): A whisper-light, dusty green — the color of a quiet forest floor.
- Butter (#E4FD7B): A whisper-light, balanced green — the color of new leaves after rain.
- Thistle (#E0D5FF): A whisper-light, dusty violet — the color of wild irises.
- Navy (#2D3049): A deep, shadowed, dusty violet — the color of a velvet chair.
- Ink (#171821): a grounded near-black with real depth.
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
- Worn Lichen color palette (#E9FFC0, #F6E8FF, #CBD3E7, #3F3E55, #26262F)
- Ancient Courtyard color palette (#F3F4FE, #CFF1C6, #8069A2, #402E59, #0D0E1A)
- Dusty Chartreuse color palette (#CAFEFF, #C9F635, #FFB7DB, #4E1537, #11051B)
- Pale Station color palette (#F1F0CD, #FF9F75, #F673D7, #2F283A, #100C16)
- Antique Honey color palette (#C7E8E2, #FFB150, #9AABFF, #4A3438, #2C2429)
- Misty Chartreuse Study color palette (#DDF4F3, #9FE500, #C9A7FF, #2C0E4C, #04000B)
- Frosted Seafoam Orchard color palette (#C9F2FF, #2BF9DA, #FFADB9, #351D39, #120C13)
- Mallow Workshop color palette (#DBECFA, #FFB9C6, #DEB2FF, #6F4D58, #2E2528)
Browse the whole catalog at Explore, or see today's palette.