Shell Harbor color palette — #EFF8ED · #98E6DB · #FFAFA8 · #5FBBAF · #534B48

Built around Rose Quartz, softened by Turquoise — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#EFF8ED): a clean, paper-quiet neutral.
• Sea Foam (#98E6DB): A whisper-light, dusty teal — the color of sea glass.
• Rose Quartz (#FFAFA8): A whisper-light, balanced orange — the color of autumn markets.
• Turquoise (#5FBBAF): A luminous, balanced teal — the color of glacier melt.
• Charcoal Brown (#534B48): a grounded near-black with real depth.

Feels like: Sophistication, Softness, Clarity. Tagged 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

• Apricot Terrace color palette (#EDFAE8, #78DCCB, #F8A685, #C49D6A, #3C4638)
• Sky Thicket color palette (#EDF8F4, #A7DDFF, #F2BB80, #60B2E3, #524C46)
• Wandering Balcony color palette (#F5F7E8, #B8E3B0, #F0ADE6, #86B87D, #634347)
• Hushed Blush color palette (#E6F9FF, #89D4D2, #EA969E, #3F9D9C, #59455A)
• Coral Station color palette (#DDFFE9, #8EE9FF, #EA8364, #00A9C5, #66200A)
• Washed Glacier color palette (#FCF5C8, #FFD0C2, #69E9FF, #54675A, #313A34)
• Dusty Cocoa Chapel color palette (#FFF3EA, #ECD6B8, #DFA889, #AE887C, #574600)
• Taupe Ridge color palette (#E7F5F9, #77C2C2, #CB868E, #248080, #3F2742)

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