Shell Harbor color palette — #FFF2EF · #E9D8D7 · #FFACBA · #BE867E · #57413A

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Bone (#E9D8D7): bright and airy, almost weightless.
• Ballet Pink (#FFACBA): A whisper-light, balanced red — the color of late-summer berries.
• Dusty Rose (#BE867E): A luminous, dusty orange — the color of toasted spice.
• Cocoa (#57413A): 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

• Patina Boulevard color palette (#FFF3E8, #E7D8C4, #FDB57C, #AF9258, #4C4640)
• Apricot Garden color palette (#FFEEE6, #F9A58D, #B26B4C, #855940, #524F48)
• Ancient Olive Ridge color palette (#FFF2EC, #D8B8A2, #AD957B, #7D792F, #405242)
• Apricot Canyon color palette (#FBF1FD, #EED3D7, #B5B2A0, #DD9F7B, #544252)
• Patina Rust color palette (#FFF2EC, #FFBAC4, #FF8A80, #BC5700, #582718)
• Weathered Apricot color palette (#FFF3EA, #E89B71, #AA89C1, #95664D, #60444D)
• Worn Amber color palette (#EFE3CF, #C87900, #846500, #484900, #0A0700)
• Ember Summit color palette (#FFEFE4, #FF8984, #F15708, #8E5300, #401B01)

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