Ember Garden color palette — #F3DDDD · #FF8E7E · #E24F00 · #9F4E00 · #553300

Built around Pumpkin, softened by Salmon — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#F3DDDD): A whisper-light, dusty red — the color of embers at dusk.
• Salmon (#FF8E7E): A luminous, balanced orange — the color of sun-warmed clay.
• Pumpkin (#E24F00): A luminous, vivid orange — the color of toasted spice.
• Ochre (#9F4E00): A full-bodied, balanced gold — the color of old brass.
• Cocoa (#553300): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged warm.

Use it as a design system

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

• Apricot Villa color palette (#FFD3C9, #FF8744, #C87000, #8A5A00, #594000)
• Timeworn Tangerine Garden color palette (#FDDAD5, #EC704E, #B45600, #794600, #412900)
• Amber Grove color palette (#FFEADC, #E4A570, #C06D44, #8D4B43, #493003)
• Powdered Grove color palette (#FFCDE9, #FA7FB6, #DF466A, #B72732, #6F1E00)
• Softworn Azure color palette (#FFF2EA, #FFA778, #00A7E6, #A64800, #00405B)
• Dusty Villa color palette (#FFF2EA, #E2E6B4, #A1D9A0, #C07161, #5D401B)
• Feathered Amber Garden color palette (#FFEBDA, #EAB66E, #B18C23, #7C6C0F, #4C4D1F)
• Dusty Coast color palette (#FFE6D5, #E97900, #00A78B, #8762D7, #4D2400)

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