Tempered Ember color palette — #DCE5DA · #F06339 · #006660 · #00302C · #000300

A conversation between Coral Clay and Pine, giving this palette its sense of balance.

The five colors

• Parchment (#DCE5DA): a clean, paper-quiet neutral.
• Coral Clay (#F06339): A luminous, vivid orange — the color of autumn markets.
• Pine (#006660): A full-bodied, balanced teal — the color of glacier melt.
• Deep Forest (#00302C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000300): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Balance. Tagged luxury, dark, 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

• Hazy Amber Garden color palette (#DDE0D3, #DC7900, #006B27, #00320E, #020200)
• Tempered Lantern color palette (#D5ECE0, #D9506B, #005168, #001822, #000201)
• Faded Tangerine Alley color palette (#F3E0F1, #F87C57, #3964B7, #213761, #070007)
• Hushed Bronze color palette (#C4EBEC, #A57C00, #00432E, #00140B, #000202)
• Soft Market color palette (#CFEED2, #FFA293, #009097, #00595E, #001504)
• Wandering Bronze Corridor color palette (#CBE5E7, #9A520F, #413A36, #00251B, #000402)
• Dusty Cypress color palette (#DAE3D9, #9AB7B7, #B79EB2, #00827F, #091808)
• Timeworn Blush color palette (#EAD7EA, #FF91B3, #437AC0, #2E4A6D, #130514)

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