Tempered Ember Garden color palette — #FDE4F7 · #E94F3C · #684E24 · #40253B · #07030A

A conversation between Scarlet and Coffee, giving this palette its sense of optimism and energy.

The five colors

• Blush (#FDE4F7): A whisper-light, dusty pink — the color of a candy shop window.
• Scarlet (#E94F3C): A luminous, vivid orange — the color of toasted spice.
• Coffee (#684E24): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Espresso (#40253B): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#07030A): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Optimism, Energy, Balance. Tagged noir, dark, luxury.

Use it as a design system

One click turns Tempered Ember Garden 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 Lagoon color palette (#F8E5F1, #E07B56, #476B51, #4C3344, #110A13)
• Antique Peony color palette (#E7DBEC, #D8588A, #6A475B, #49202F, #05030B)
• Muted Workshop color palette (#FEE3F0, #BA5B00, #4A4312, #321400, #050005)
• Ancient Amber color palette (#E3F3E3, #B77F00, #495B2A, #1E3621, #0A0207)
• Dusty Bronze Study color palette (#DCE8DC, #905F00, #2C3700, #2F2212, #0D0500)
• Charred Terracotta Alley color palette (#FBEAE2, #A00F00, #3C4300, #251700, #0E0200)
• Tempered Amber color palette (#F1D9DD, #F6866A, #D57100, #8C6800, #2E3000)
• Wandering Mustard color palette (#EAF5EE, #C9B76B, #64827E, #49594F, #281F22)

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