Rose Harbor color palette — #FFDDC9 · #FF7BC6 · #FD216E · #8C6300 · #4B0B2B

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

The five colors

• Shell Pink (#FFDDC9): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bubblegum (#FF7BC6): A luminous, vivid rose — the color of a warm blush.
• Hot Pink (#FD216E): A luminous, vivid red — the color of a theater curtain.
• Ochre (#8C6300): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#4B0B2B): A deep, shadowed, balanced rose — the color of pressed rose petals.

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

Use it as a design system

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

• Rose Terrace color palette (#FFDEC1, #FF849F, #FE3424, #7A6D00, #4A121A)
• Hazy Peony color palette (#FFDCCE, #FC6EFA, #F800A4, #9D5800, #421339)
• Blush Quarry color palette (#FFE0DA, #FF70A1, #D46700, #746900, #3A004D)
• Weathered Tangerine color palette (#FFF3E6, #FFA4A2, #FD6818, #798200, #55251E)
• Coral Meadow color palette (#F5D9B9, #FF7E69, #CF6700, #567100, #3C180B)
• Peony Pier color palette (#FFE2E0, #FC1BA6, #893B51, #4F2827, #120304)
• Magenta Archive color palette (#FFDBD5, #BC9BFF, #D03CEF, #C61C00, #341A4B)
• Muted Plum color palette (#EEFDCB, #D082FF, #CB2458, #00524B, #2F002A)

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