Muted Scarlet color palette — #FFDDDC · #F6251F · #BD2500 · #872E00 · #250B00

A conversation between Scarlet and Brick, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#FFDDDC): A whisper-light, dusty red — the color of late-summer berries.
• Scarlet (#F6251F): A luminous, vivid orange — the color of autumn markets.
• Brick (#BD2500): A full-bodied, vivid orange — the color of toasted spice.
• Rust (#872E00): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#250B00): A deep, shadowed, dusty orange — the color of autumn markets.

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

Use it as a design system

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

• Hushed Crimson color palette (#FCD9DF, #E73645, #9E2100, #401500, #0C0300)
• Ember Cabin color palette (#FFE0D5, #DD5C00, #AC5300, #6E3A00, #1E0E00)
• Misty Rose color palette (#F7D8E0, #F7166F, #BF003E, #950019, #2D0100)
• Misty Lagoon color palette (#FAE3D6, #EB5500, #9E48F2, #A63900, #18002E)
• Tempered Ember color palette (#FFEBE7, #FF8763, #E75F00, #A85000, #4A2400)
• Wandering Marigold Villa color palette (#F8DAC5, #EDAD59, #C69B00, #B55D2F, #271300)
• Faded Plum color palette (#FCE5D7, #BE6000, #6B7F00, #A72F77, #110400)
• Pale Market color palette (#F2D4ED, #E61DB8, #B90084, #8A0053, #2B0011)

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