Tempered Ember color palette — #FFF2ED · #FFC3BE · #B2C47F · #C66C68 · #333D11

Coral Clay and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Shell Pink (#FFC3BE): A whisper-light, dusty orange — the color of sun-warmed clay.
• Pistachio (#B2C47F): A luminous, balanced green — the color of a quiet forest floor.
• Coral Clay (#C66C68): A luminous, balanced orange — the color of sun-warmed clay.
• Forest (#333D11): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Balance. Tagged light, muted.

Use it as a design system

One click turns Tempered Ember 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

• Amber Courtyard color palette (#FFF3E7, #FFC798, #7CD09F, #BB7839, #12432A)
• Soft Peony Ridge color palette (#FFF1F2, #F7C0EB, #E5AF6A, #B56DA8, #4B3310)
• Washed Cocoa Drift color palette (#FFF2EB, #DFDACD, #A4B5B3, #CC8E89, #6E3807)
• Taupe Corridor color palette (#FCF4E6, #ECDBB4, #B09C67, #7F673D, #34322B)
• Worn Amber Field color palette (#FFF3E9, #EAD9BA, #DFBCF1, #C98961, #5C3B45)
• Blush Loft color palette (#FFF2EE, #FFB5B8, #43D2EB, #F56B7A, #004B57)
• Washed Bronze color palette (#FEF3E8, #FFE1B2, #966D42, #512F00, #160D05)
• Patina Delta color palette (#FFF2EC, #E5D7CA, #D6836C, #924736, #390D04)

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