Soft Ember color palette — #FFF2EF · #FFA391 · #F33A07 · #A40312 · #490102

Built around Scarlet, softened by Garnet — the whole palette hums with warmth and comfort.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Melon (#FFA391): A luminous, balanced orange — the color of toasted spice.
• Scarlet (#F33A07): A luminous, vivid orange — the color of toasted spice.
• Garnet (#A40312): A full-bodied, vivid orange — the color of sun-warmed clay.
• Espresso (#490102): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Warmth, Comfort, Energy, Balance. Tagged monochrome, vibrant, warm.

Use it as a design system

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

• Softworn Villa color palette (#FFF1F2, #FF9DA4, #F43070, #99003C, #4A000E)
• Hushed Loft color palette (#FFF2EC, #FFA377, #D95D00, #874000, #451C00)
• Powdered Pier color palette (#FFF2EF, #FFCFC8, #F06F55, #9A1200, #380100)
• Soft Rust color palette (#FFE1D8, #F3895C, #C44B00, #6C2C00, #310A00)
• Wandering Coral Archive color palette (#CAF2FA, #B6CEFF, #E97E5E, #5A2F23, #2C2028)
• Hushed Amber color palette (#F8DDC2, #D98000, #905400, #472900, #150700)
• Quiet Mustard color palette (#FFF1F7, #DBB72E, #9F5100, #5B2C00, #28121D)
• Antique Apricot Boulevard color palette (#FFF1F6, #FFA24E, #009E75, #AF6100, #002224)

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