Misty Ember color palette — #FFF2EC · #FD4520 · #553300 · #250E03 · #050100

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

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Scarlet (#FD4520): A luminous, vivid orange — the color of toasted spice.
• Cocoa (#553300): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#250E03): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#050100): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

Use it as a design system

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

• Aged Amber color palette (#FFF3E9, #CF6B00, #423300, #1A0B01, #030100)
• Patina Peony color palette (#FFF2EF, #FF2789, #642613, #260C09, #040101)
• Tangerine Lantern color palette (#F8E5F2, #FF6C45, #865C44, #52384A, #180D17)
• Moonless Rust Harbor color palette (#FEDECB, #C14D00, #322100, #0E1D23, #090200)
• Twilit Lantern color palette (#FBE4CC, #885100, #283431, #161300, #020100)
• Patina Bronze color palette (#FCEDC9, #907E00, #153400, #1F2824, #0A0700)
• Mustard Grove color palette (#F8F5EA, #B3B555, #525A0E, #2F2B1E, #120F0B)
• Violet Study color palette (#FFF3E8, #FFAC55, #0096D8, #7F6AFA, #341B00)

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