Rose Pier color palette — #FEDDEE · #FF839F · #FF4840 · #B14300 · #4A2700

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

The five colors

• Blush (#FEDDEE): A whisper-light, dusty rose — the color of a warm blush.
• Rose (#FF839F): A luminous, balanced red — the color of a theater curtain.
• Scarlet (#FF4840): A luminous, vivid orange — the color of sun-warmed clay.
• Terracotta (#B14300): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#4A2700): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Ember Pier color palette (#FDDAE1, #FF8C89, #E96200, #A25E00, #433000)
• Patina Scarlet color palette (#FCE7E8, #FF5B69, #ED071D, #9F2100, #601D00)
• Hushed Workshop color palette (#F8E9F4, #FF79C0, #FF2680, #DB051C, #501F00)
• Feathered Scarlet Meadow color palette (#FFE6E8, #FF9C9F, #E4081A, #8B1C00, #431100)
• Linen Amber Alley color palette (#FFE3D6, #FFAC82, #E97300, #B74300, #2E0B00)
• Softworn Rose Alley color palette (#FFE6ED, #FA2A69, #B70513, #6D1D00, #290E00)
• Pale Scarlet color palette (#FED7F4, #FF927E, #00BADA, #F43110, #00343F)
• Soft Scarlet color palette (#F5D8DC, #D53031, #933F00, #543200, #0B0600)

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