Ember Boulevard color palette — #FFF2EB · #FB4A14 · #5A2E14 · #240F04 · #040100

Pumpkin and Cocoa set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Pumpkin (#FB4A14): A luminous, vivid orange — the color of autumn markets.
• Cocoa (#5A2E14): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#240F04): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#040100): quiet, heavy and certain.

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

Use it as a design system

One click turns Ember Boulevard 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 Harbor color palette (#FFF3E8, #CD6D00, #39342E, #170D04, #030100)
• Coral Dune color palette (#FFE2D4, #FF6C4B, #835E41, #682F09, #1B0D09)
• Dusty Peony color palette (#FFF2EF, #FF2983, #5A2C2F, #270B08, #060000)
• Lowlit Courtyard color palette (#F9DEF1, #C02B00, #412000, #1E0519, #070108)
• Washed Amber Market color palette (#FFF3E3, #CD9100, #5B4200, #261C0F, #090502)
• Pale Clover color palette (#FFF4E1, #E0A100, #31BB4F, #CD5C6A, #2E1E00)
• Chestnut Boulevard color palette (#F3E4D3, #865200, #263230, #1A1000, #020100)
• Tempered Bronze color palette (#F8F0B9, #8E7F00, #2A2E00, #101A1B, #0B0700)

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