Shell Harbor color palette — #FFF1F1 · #E6D0CD · #F8B1BF · #C3BCB2 · #533230

Ballet Pink takes the lead with Cocoa close behind in a set that reads as sophistication and softness at first glance.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Bone (#E6D0CD): A whisper-light, dusty orange — the color of autumn markets.
• Ballet Pink (#F8B1BF): A whisper-light, balanced red — the color of late-summer berries.
• Stone (#C3BCB2): soft and architectural.
• Cocoa (#533230): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Sophistication, Softness, Clarity. Tagged candy, vibrant, light, muted.

Use it as a design system

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

• Washed Marigold color palette (#FFF2E9, #E4DAD2, #BDC0A3, #E2A75D, #38332E)
• Coral Parlor color palette (#F8F2FF, #FBD1E0, #FFB1B6, #CB7E8D, #4B3E55)
• Weathered Fern Study color palette (#FFF2EF, #E1D8CF, #D2B8A9, #918A77, #575000)
• Aged Coral color palette (#FFF2EF, #E9D9D8, #C9B6A2, #FF7C66, #440514)
• Timeworn Blush Balcony color palette (#FFF1F0, #DF93B6, #62504C, #352726, #150D0D)
• Muted Lagoon Balcony color palette (#F5F6EE, #CEE5DF, #97D8E3, #57A199, #385544)
• Ancient Amber Lagoon color palette (#FFF3E4, #E4D9C3, #FFBE62, #B79800, #211600)
• Patina Ember Station color palette (#FFF2EE, #F5D3CE, #FFA3A6, #EC661F, #280001)

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