Soft Scarlet color palette — #FAD3D6 · #F52515 · #B54900 · #6C3C00 · #190E00

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

The five colors

• Shell Pink (#FAD3D6): A whisper-light, dusty red — the color of late-summer berries.
• Scarlet (#F52515): A luminous, vivid orange — the color of sun-warmed clay.
• Terracotta (#B54900): A full-bodied, balanced orange — the color of sun-warmed clay.
• Bronze (#6C3C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#190E00): A deep, shadowed, dusty gold — the color of old brass.

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

Use it as a design system

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

• Misty Ember color palette (#F7E4E2, #D95D00, #A15900, #5B4000, #1B1600)
• Raspberry Pier color palette (#FCD8E6, #F10E72, #C30C03, #843300, #1F0F00)
• Ancient Crimson Field color palette (#FFE2EE, #DF2D4F, #7B3500, #351D00, #020100)
• Worn Bloom color palette (#EEDACC, #C57E00, #AE4D00, #83272B, #110A00)
• Amber Market color palette (#F4E2D8, #D76B00, #008BB8, #984900, #00121B)
• Midnight Quarry color palette (#FFDFDE, #A72600, #5A1F00, #261000, #070300)
• Tempered Amber color palette (#FCE8D6, #E28600, #A16000, #674000, #040100)
• Linen Ember color palette (#FBD5E8, #009EBC, #D85900, #3E1400, #050100)

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