Tempered Emerald color palette — #F4D9E4 · #EB8400 · #1B9E45 · #006996 · #37013B

Kelly Green takes the lead with Tangerine close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F4D9E4): A whisper-light, dusty rose — the color of a warm blush.
• Tangerine (#EB8400): A luminous, vivid gold — the color of afternoon light on wheat.
• Kelly Green (#1B9E45): A luminous, vivid green — the color of fresh herbs.
• Peacock (#006996): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#37013B): A deep, shadowed, balanced pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. 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

• Gentle Terrace color palette (#D5E7D6, #D49400, #009C70, #0062B1, #3B002F)
• Ancient Coral color palette (#EEDAEA, #F77466, #818D00, #006F76, #230555)
• Softworn Harbor color palette (#DDF1E6, #8E8300, #00746C, #1E2FA5, #15000A)
• Ember Terrace color palette (#F4D8E7, #D55D00, #006D8E, #004181, #011656)
• Worn Drift color palette (#EAFAEF, #D4BD6E, #5AB1A9, #7576B0, #57272A)
• Wandering Navy color palette (#F2DAC7, #98BFA4, #72A799, #497899, #313764)
• Weathered Amber Workshop color palette (#E2F7E1, #BB7D00, #355E48, #223522, #0A0205)
• Dusty Grove color palette (#CAF3E2, #A6B300, #009BAD, #8624D5, #450E00)

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