Rose Pier color palette — #FFF0F9 · #FFB9D0 · #FF487A · #B72124 · #5C1F0C

Built around Hot Pink, softened by Ruby — the whole palette hums with warmth and comfort.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Carnation (#FFB9D0): A whisper-light, balanced rose — the color of a warm blush.
• Hot Pink (#FF487A): A luminous, vivid red — the color of late-summer berries.
• Ruby (#B72124): A full-bodied, vivid orange — the color of toasted spice.
• Espresso (#5C1F0C): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: 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

• Weathered Ember color palette (#FFF1F4, #FFB3B7, #FD371E, #A23700, #572800)
• Peony Summit color palette (#FFF0FD, #FFAFE5, #F807A4, #AB114D, #5E1D25)
• Washed Plum Chapel color palette (#FFD0E0, #ED6691, #C83058, #95102C, #6E171A)
• Ember Lantern color palette (#FED9D9, #FC5841, #9D3E00, #542700, #100600)
• Linen Blush Field color palette (#FED0FE, #FF9ACE, #FF6989, #C24F28, #663500)
• Washed Crimson color palette (#FFE2EB, #FF7290, #E3003C, #832100, #301000)
• Crimson Canyon color palette (#FFF2EE, #FFAEB0, #00C5D4, #DE314D, #00363A)
• Ancient Harbor color palette (#FFF2EC, #DFD9CD, #99B1B4, #EB7A9B, #5B3427)

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