Scarlet Pier color palette — #EDDCDF · #FF7087 · #F6251B · #B03B00 · #431D00

Built around Scarlet, softened by Rose — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#EDDCDF): a clean, paper-quiet neutral.
• Rose (#FF7087): A luminous, vivid red — the color of embers at dusk.
• Scarlet (#F6251B): A luminous, vivid orange — the color of sun-warmed clay.
• Terracotta (#B03B00): A full-bodied, vivid orange — the color of toasted spice.
• Espresso (#431D00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Energy. 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

• Muted Thicket color palette (#EEDCE6, #FA72A4, #F51668, #BB3E3C, #4D160A)
• Softworn Ember color palette (#FFE1E0, #FF8165, #E35F00, #A05700, #442800)
• Pale Scarlet color palette (#FFE5F5, #EC658A, #DC0719, #7A3400, #452B00)
• Sunlit Scarlet color palette (#FFD0EF, #FF8BA9, #DB4529, #693200, #261900)
• Hushed Scarlet color palette (#F5D7C7, #FF886A, #00B5CA, #E53B00, #002F36)
• Antique Terracotta Field color palette (#F7E3E4, #CD4A4E, #A30705, #571200, #270800)
• Quiet Amber Study color palette (#FFDECF, #FFAA83, #E06E00, #9C4100, #290F00)
• Faded Tangerine color palette (#FDDCC7, #FF6921, #00B079, #7974EA, #331703)

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