Tempered Emerald color palette — #E9F0E2 · #00A575 · #0B605C · #253600 · #040500

A conversation between Kelly Green and Deep Forest, giving this palette its sense of nature and growth.

The five colors

• Cream (#E9F0E2): bright and airy, almost weightless.
• Kelly Green (#00A575): A luminous, balanced teal — the color of sea glass.
• Peacock (#0B605C): A full-bodied, dusty teal — the color of glacier melt.
• Deep Forest (#253600): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#040500): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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

• Worn Pier color palette (#EEEED5, #649F1E, #325E45, #303029, #060400)
• Teal Canyon color palette (#DBE9D2, #00B496, #4A6B4F, #34412A, #0C0F04)
• Cerulean Station color palette (#CCE8D4, #009DB3, #2A5974, #153823, #010601)
• Worn Pine Boulevard color palette (#CAEEED, #008C5C, #393032, #002A30, #000505)
• Faded Teal color palette (#DAF2E6, #00BFA7, #009D9B, #007981, #00323E)
• Patina Boulevard color palette (#E8E5D3, #A5C59A, #55A475, #6F7D23, #193010)
• Hushed Powder color palette (#E7F6EF, #71C2E9, #867586, #465A51, #1C241E)
• Weathered Magenta Field color palette (#DBEDDF, #00B3C3, #D061D5, #A88000, #002529)

Browse the whole catalog at Explore, or see today's palette.