Pale Ember color palette — #FFF2EE · #FFA68F · #F63510 · #A41104 · #4A0E00

Scarlet and Garnet set the tone — five colors that lean into warmth and comfort.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Melon (#FFA68F): A luminous, balanced orange — the color of autumn markets.
• Scarlet (#F63510): A luminous, vivid orange — the color of autumn markets.
• Garnet (#A41104): A full-bodied, vivid orange — the color of toasted spice.
• Espresso (#4A0E00): A deep, shadowed, balanced orange — the color of autumn markets.

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

Use it as a design system

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

• Timeworn Study color palette (#FFF1F1, #FF9DAB, #F63370, #9C002B, #500017)
• Pale Amber color palette (#FFF2EB, #FFB17F, #C86700, #8D3900, #3C1800)
• Chalky Lantern color palette (#FFF2EF, #FFD0C3, #EC6344, #8C1F00, #310100)
• Misty Rust color palette (#FFF2EF, #FFBFB4, #FF7E71, #C64222, #481100)
• Wandering Apricot color palette (#FFE0D3, #F9835C, #B54C00, #6F2100, #270A00)
• Tempered Cabin color palette (#FEE6CB, #D97A00, #8D5000, #4C2700, #110600)
• Bronze Lagoon color palette (#FFF3E8, #D6B852, #9D5200, #5A2D00, #25170B)
• Worn Emerald color palette (#FFF3E8, #FEA344, #00A240, #AC6300, #1B2000)

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