Soft Harbor color palette — #F6DBEC · #FF8EAF · #E6686D · #B25F46 · #522D0F

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

The five colors

• Shell Pink (#F6DBEC): A whisper-light, dusty pink — the color of peonies in June.
• Ballet Pink (#FF8EAF): A luminous, balanced red — the color of a theater curtain.
• Watermelon (#E6686D): A luminous, balanced red — the color of late-summer berries.
• Ochre (#B25F46): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#522D0F): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

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

• Gentle Blush color palette (#FAD7E0, #FF7999, #D25762, #98423F, #5C2F27)
• Hushed Tangerine color palette (#FCE5E5, #FF9487, #E77935, #A16A19, #453506)
• Weathered Rose color palette (#FFF0FD, #FFABC7, #D1596D, #8E3A11, #3A2200)
• Pale Fuchsia Lantern color palette (#E7D8F4, #EE89F2, #DE67A9, #AD556A, #592B29)
• Gentle Hollow color palette (#FFE9E2, #FFA0A2, #12C4E6, #D46D72, #003D49)
• Coral Harbor color palette (#FFF2ED, #FFBEAB, #E98062, #AC6041, #3C0B01)
• Tempered Meadow color palette (#F7D7E5, #CA788C, #A83546, #760304, #3E1400)
• Washed Chapel color palette (#C2F0F4, #FBA2FE, #E67C85, #674940, #2C1C17)

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