Tempered Emerald color palette — #F3F0D9 · #439A35 · #00633D · #522644 · #021500
Kelly Green takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F3F0D9): A whisper-light, dusty green — the color of fresh herbs.
- Kelly Green (#439A35): A luminous, vivid green — the color of new leaves after rain.
- Pine (#00633D): A full-bodied, balanced teal — the color of glacier melt.
- Mulberry (#522644): A deep, shadowed, dusty pink — the color of neon signs at night.
- Ink (#021500): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Balance, 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
- Patina Moss Market color palette (#FBEED9, #8A8900, #415D00, #452A59, #111000)
- Tempered Jade Loft color palette (#EFEED4, #5BA668, #007253, #603B1D, #191D00)
- Pine Grove color palette (#F0EBD9, #467A3D, #004230, #350E3B, #021500)
- Timeworn Summit color palette (#C7EAE1, #6A9D60, #005E28, #471E00, #000200)
- Timeworn Market color palette (#CEEDDF, #7AA574, #008463, #763686, #011501)
- Pale Lagoon color palette (#ECE4CD, #95B06C, #39853B, #76473A, #2D2A0B)
- Misty Clover Coast color palette (#EDEDD1, #33C970, #008C6D, #804560, #0D371C)
- Tempered Studio color palette (#FDF4E2, #B8C555, #649739, #8A5B57, #3A3E16)
Browse the whole catalog at Explore, or see today's palette.