Muted Ember color palette — #FFF2EC · #F24E3A · #008772 · #00589C · #331129

A conversation between Scarlet and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Scarlet (#F24E3A): A luminous, vivid orange — the color of toasted spice.
• Fern (#008772): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#00589C): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#331129): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Energy, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Nightshade Ridge color palette (#FFF3E9, #D96B00, #007D7D, #213FB9, #371222)
• Hazy Peony Harbor color palette (#FFF2F0, #FC518F, #007E20, #005A70, #28163A)
• Pine Field color palette (#FFF3E7, #DE8200, #00903D, #005C83, #491651)
• Airy Peony color palette (#F9F2FF, #DE5EA3, #0086AD, #30419B, #1A031F)
• Amber Loft color palette (#FFF3E5, #B5882A, #008AA4, #64528E, #3A2822)
• Apricot Courtyard color palette (#FFF4E2, #F78517, #937C00, #006481, #492F0B)
• Hushed Bronze Thicket color palette (#FFF3E9, #A24F00, #00605A, #004A45, #291D3F)
• Hushed Aubergine color palette (#FEF2D7, #897900, #006B9B, #6B0083, #2F0D00)

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