Shell Harbor color palette — #FFF2EE · #FFA5A4 · #73B38F · #588CAC · #413035

Rose Quartz and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Rose Quartz (#FFA5A4): A luminous, balanced orange — the color of toasted spice.
• Jade (#73B38F): A luminous, balanced teal — the color of sea glass.
• Storm Blue (#588CAC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Espresso (#413035): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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

• Worn Marigold Canyon color palette (#FEF3E9, #EBA85C, #5EB9C6, #7882B1, #3E2D2A)
• Aged Delta color palette (#FFF2F2, #FD9DDB, #9BB378, #739578, #3C2C35)
• Taupe Lagoon color palette (#FCF1F9, #E39D8E, #8AA164, #3C708D, #2C2030)
• Softworn Coral color palette (#FFF2EC, #E88A72, #479484, #397C6E, #40333A)
• Apricot Villa color palette (#FFF2EB, #FF8252, #00B292, #347DC2, #371418)
• Aged Cocoa Cabin color palette (#FFF4E2, #FFBFAC, #CBA873, #71967B, #6C3900)
• Driftwood Station color palette (#FCF3EF, #DEDAD0, #ADB5A8, #74839E, #58514E)
• Feathered Byzantium color palette (#FAF0D1, #C4B125, #0080D2, #9E39BF, #2E0E00)

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