Tempered Ember color palette — #FFD2E3 · #FF9197 · #D05D00 · #885600 · #503F00

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

The five colors

• Shell Pink (#FFD2E3): A whisper-light, dusty rose — the color of a warm blush.
• Rose Quartz (#FF9197): A luminous, balanced red — the color of embers at dusk.
• Pumpkin (#D05D00): A luminous, vivid orange — the color of toasted spice.
• Ochre (#885600): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#503F00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, 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

• Sunlit Amber color palette (#FFE5E3, #F18E5F, #C17000, #6E5600, #3A3D04)
• Gentle Tangerine color palette (#FFF1F4, #FFB7B3, #F26A00, #834F00, #4D3800)
• Rose Ridge color palette (#FFE6F9, #FF8FA7, #FD2D45, #984D00, #4E3500)
• Amber Harbor color palette (#FFF3E6, #FFAE5E, #CA6F00, #784D00, #351D00)
• Gentle Summit color palette (#FFE7F3, #DAAB66, #CA672B, #9B3C4A, #123F2D)
• Amber Terrace color palette (#FFEBE4, #E8AA6C, #BD8E00, #64711F, #22554E)
• Apricot Loft color palette (#FFF1F6, #F7921D, #00ACD2, #AD6200, #004252)
• Bronze Basin color palette (#FFECDF, #A67000, #655700, #2D3A00, #001B06)

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