Tempered Emerald color palette — #FFF3E5 · #DDDF89 · #62A560 · #7D5E83 · #302E28
A conversation between Moss and Celadon Mist, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Celadon Mist (#DDDF89): A whisper-light, balanced green — the color of fresh herbs.
- Moss (#62A560): A luminous, balanced green — the color of new leaves after rain.
- Slate (#7D5E83): A full-bodied, dusty pink — the color of a candy shop window.
- Espresso (#302E28): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Tempered Emerald 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 (#FCF5E1, #A0F097, #10A98F, #895B6F, #2E2F28)
- Emerald Garden color palette (#FFF3E5, #CCCB15, #1E9825, #594D89, #202000)
- Patina Jade color palette (#E2FCF3, #B7DC9E, #7BB677, #49979A, #2D411E)
- Olive Station color palette (#EAFAEC, #A5A866, #3E7A1F, #4C448F, #3C3E0D)
- Antique Basalt Drift color palette (#FBF4EB, #BDE7D1, #A9B48C, #967E87, #514700)
- Clover Parlor color palette (#FFF5D6, #5DBA60, #007060, #572B40, #000B01)
- Pine Parlor color palette (#F5F3E0, #91B47B, #267F2C, #00575B, #112700)
- Clover Cabin color palette (#FFF1F3, #FDBCFD, #41C846, #AA45AE, #09390C)
Browse the whole catalog at Explore, or see today's palette.