Tempered Ember color palette — #FFEFF4 · #FFA89E · #D76422 · #885604 · #3B3404

A conversation between Pumpkin and Ochre, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFEFF4): bright and airy, almost weightless.
• Melon (#FFA89E): A luminous, balanced orange — the color of sun-warmed clay.
• Pumpkin (#D76422): A luminous, vivid orange — the color of toasted spice.
• Ochre (#885604): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#3B3404): A deep, shadowed, dusty green — the color of fresh herbs.

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

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

• Rose Courtyard color palette (#FEF0FF, #FFABCC, #D86073, #904528, #412503)
• Softworn Tangerine color palette (#F5DBD5, #FD9876, #E87C47, #A75C24, #5D3000)
• Hazy Ridge color palette (#FFF1F0, #FFAD6F, #C08900, #625F00, #1E2F03)
• Amber Villa color palette (#FFF0F8, #E6C08D, #BC7552, #77494F, #10271C)
• Worn Amber Drift color palette (#FFF1F1, #FFCCB4, #D3943D, #7A6622, #1B4A3D)
• Hushed Amber Delta color palette (#FCD9D5, #C76F00, #6B4800, #292300, #010500)
• Washed Ember color palette (#F4E2E5, #FE3B20, #954F00, #402F00, #0B0A00)
• Quiet Boulevard color palette (#FFF0F8, #FFA67B, #2EB1F8, #B15B2E, #002B42)

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