Tempered Emerald color palette — #E4E3C3 · #33A571 · #005A53 · #003043 · #000201

Kelly Green and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#E4E3C3): A whisper-light, dusty green — the color of new leaves after rain.
• Kelly Green (#33A571): A luminous, balanced teal — the color of sea glass.
• Peacock (#005A53): A full-bodied, dusty teal — the color of sea glass.
• Deep Teal (#003043): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000201): quiet, heavy and certain.

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

• Moss Boulevard color palette (#EAE1C6, #729C59, #005D3C, #371D4A, #000200)
• Softworn Fern color palette (#EBDFCE, #90934C, #275C00, #00332D, #010100)
• Washed Cypress Station color palette (#E4EED6, #037A61, #004038, #002425, #000402)
• Hushed Atelier color palette (#CBE6E6, #5FA892, #008275, #006266, #00140E)
• Aged Fern Dune color palette (#FFF3E5, #ADA467, #4D6B0E, #37326B, #0A0700)
• Petrol Atelier color palette (#FAEBDF, #82C0E0, #2268B3, #003E3E, #010014)
• Dusty Lagoon Thicket color palette (#FAF5E4, #9CC994, #008B67, #60446D, #191A00)
• Worn Olive Studio color palette (#FFF3E6, #D7C466, #6D8B00, #445392, #251E00)

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