Tempered Emerald color palette — #E4FBF8 · #8BC996 · #CF8AC0 · #469458 · #583451

Fern and Mauve set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E4FBF8): A whisper-light, dusty teal — the color of sea glass.
• Mint Leaf (#8BC996): A luminous, balanced green — the color of new leaves after rain.
• Mauve (#CF8AC0): A luminous, balanced pink — the color of neon signs at night.
• Fern (#469458): A luminous, balanced green — the color of fresh herbs.
• Mulberry (#583451): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Wandering Lagoon color palette (#E7F9FC, #91D4C4, #DC9EA1, #419E8D, #5C435D)
• Faded Mallow Field color palette (#F4F8E4, #A7E7AF, #F896DD, #3F9F53, #4E2A44)
• Chalky Harbor color palette (#E8FBEE, #CBB766, #AE96DD, #947F27, #473A61)
• Peony Pier color palette (#DCFDFD, #5BBA8F, #BB81B6, #B86892, #1B3F3F)
• Muted Coral color palette (#E8F8FF, #00C4DA, #EF6B74, #008797, #651F26)
• Faded Jade color palette (#E2FBFA, #8BE2AB, #8DC2FF, #52B67B, #2A4460)
• Faded Market color palette (#F3F8E4, #7DAD84, #BF7446, #007B31, #623519)
• Aged Driftwood Harbor color palette (#EAFAEB, #A3C8B3, #A98959, #805D6F, #28443B)

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