Tempered Emerald color palette — #F4F6EE · #D3DFD6 · #97C1D1 · #50A85E · #333900
Kelly Green and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F4F6EE): a clean, paper-quiet neutral.
- Silver (#D3DFD6): bright and airy, almost weightless.
- Ash (#97C1D1): A luminous, dusty blue — the color of a favorite pair of jeans.
- Kelly Green (#50A85E): A luminous, balanced green — the color of new leaves after rain.
- Forest (#333900): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
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
- Tempered Study color palette (#F0F7F0, #CDE2DE, #A1BCD9, #00A7A7, #2E382E)
- Weathered Moss color palette (#F9F5EB, #D9E2CD, #92C0BF, #A79200, #38352E)
- Patina Olive Lantern color palette (#F5F6EE, #CFDED6, #A8C4B1, #467A22, #434300)
- Pine Dune color palette (#F3F7EE, #D0E1D8, #A6D1BF, #30895F, #1C2014)
- Weathered Emerald color palette (#F6F7E7, #ADEBB0, #00AD66, #557642, #18361B)
- Ancient Abyss Harbor color palette (#E7F1E9, #C4D5C9, #88B19C, #00595E, #000401)
- Quiet Seafoam Courtyard color palette (#EFF9E4, #BDEEE0, #5CFEB9, #00D1C5, #003327)
- Airy Nightshade Study color palette (#EAFBE2, #00CAB1, #0089B8, #4A36AF, #0D2900)
Browse the whole catalog at Explore, or see today's palette.