Softworn Scarlet color palette — #F2E1F3 · #AD8900 · #F32A0E · #530500 · #050004

A conversation between Scarlet and Mustard, giving this palette its sense of nature and growth.

The five colors

• Blush (#F2E1F3): A whisper-light, dusty pink — the color of neon signs at night.
• Mustard (#AD8900): A luminous, balanced green — the color of fresh herbs.
• Scarlet (#F32A0E): A luminous, vivid orange — the color of autumn markets.
• Espresso (#530500): A deep, shadowed, balanced orange — the color of toasted spice.
• Black (#050004): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged neon, dark, vibrant.

Use it as a design system

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

• Faded Archive color palette (#D5EBE3, #949400, #C46C00, #341800, #060002)
• Terracotta Alley color palette (#EDDEE7, #CE831C, #983100, #4A1300, #050100)
• Olive Balcony color palette (#F7D6E3, #A86500, #3B7C00, #271300, #060002)
• Chalky Peony color palette (#E7ECFF, #FB3B13, #E500B1, #480036, #030009)
• Misty Crimson color palette (#D9EDF7, #00A178, #D00041, #230005, #050005)
• Hazy Field color palette (#D6EAFB, #08B52F, #F21361, #160602, #040000)
• Tempered Apricot Corridor color palette (#D8EEE5, #BFBD00, #FE8C1D, #723A00, #200915)
• Amber Delta color palette (#F9EBF1, #E37A00, #8B7000, #9A5100, #000201)

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