Rose Pier color palette — #FFE5F3 · #FF89AF · #FE2D4F · #B52F00 · #5C2E00

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

The five colors

• Blush (#FFE5F3): A whisper-light, dusty pink — the color of peonies in June.
• Bubblegum (#FF89AF): A luminous, balanced red — the color of a theater curtain.
• Scarlet (#FE2D4F): A luminous, vivid red — the color of a theater curtain.
• Brick (#B52F00): A full-bodied, vivid orange — the color of sun-warmed clay.
• Cocoa (#5C2E00): A deep, shadowed, balanced gold — the color of old brass.

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

Use it as a design system

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

• Antique Rust Delta color palette (#F4DEF1, #FF9DBE, #FF6E79, #C94300, #5D3B00)
• Timeworn Ember color palette (#FFD4DD, #FF8685, #F24700, #974E00, #553400)
• Coral Workshop color palette (#FFF1F6, #FFAEC0, #FC5E6C, #AB1508, #501C00)
• Airy Orchard color palette (#FDCFFF, #FF84D1, #F50882, #B4122C, #65290E)
• Crimson Pier color palette (#FFE2E8, #FF728B, #D21F42, #901818, #682717)
• Washed Ember Veranda color palette (#FFF2EE, #FFA982, #DC5200, #942800, #4B1100)
• Feathered Brick color palette (#FFF2ED, #FFA2A3, #00AAD7, #C01238, #004155)
• Coral Garden color palette (#FFE5DA, #FF5C57, #00A3A9, #0088BA, #4E201D)

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