Faded Ember color palette — #FFE1D2 · #F93715 · #547600 · #005064 · #3B004B

Scarlet and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FFE1D2): A whisper-light, dusty orange — the color of sun-warmed clay.
• Scarlet (#F93715): A luminous, vivid orange — the color of toasted spice.
• Olive (#547600): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#005064): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#3B004B): A deep, shadowed, balanced pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Creativity, Energy. Tagged vibrant.

Use it as a design system

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

• Faded Hollow color palette (#FAE3D2, #DA6600, #0F7F1A, #004D71, #41003D)
• Wandering Rose color palette (#FFE0D7, #FB245E, #766A00, #00534F, #191260)
• Hushed Balcony color palette (#FFE0D7, #CC0046, #00575B, #00384E, #18193F)
• Misty Navy Coast color palette (#F5E5D0, #B68100, #007C5F, #00409B, #46002C)
• Gentle Coral Balcony color palette (#FFF0FB, #FF5943, #8A6300, #4E009A, #280019)
• Hazy Emerald Ridge color palette (#F6DFF6, #FF7684, #00A640, #006BB1, #002545)
• Weathered Navy color palette (#ECE5D6, #877400, #006056, #112086, #270015)
• Airy Bronze color palette (#FAE9E5, #ECA161, #9E8500, #00697D, #003E67)

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