Scarlet Pier color palette — #F9DEDC · #F12B0B · #A84000 · #683800 · #201200

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

The five colors

• Shell Pink (#F9DEDC): A whisper-light, dusty orange — the color of toasted spice.
• Scarlet (#F12B0B): A luminous, vivid orange — the color of autumn markets.
• Burnt Sienna (#A84000): A full-bodied, balanced orange — the color of toasted spice.
• Bronze (#683800): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#201200): 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 Scarlet Pier 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

• Ember Terrace color palette (#FFD8CE, #D45E00, #975800, #674700, #160F00)
• Hushed Rose color palette (#FADFE5, #F3145C, #C31800, #892F00, #220C00)
• Scarlet Veranda color palette (#FFE7EA, #E03623, #883500, #3C2000, #030200)
• Linen Tangerine Atelier color palette (#F1D8E4, #EC7E28, #0075AA, #984900, #00111E)
• Apricot Parlor color palette (#F8E1DD, #FF8B4F, #D17300, #9A6300, #473100)
• Softworn Pier color palette (#FFE6F1, #DAB358, #A7B232, #AD5643, #221200)
• Antique Peony color palette (#F7DBF2, #E600A8, #C50070, #8E0033, #310005)
• Grape Atelier color palette (#F4E7DD, #B76600, #008777, #7A40C2, #100500)

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