Shell Harbor color palette — #FFF2EC · #FFB09E · #A1B17F · #59919C · #583645
A conversation between Melon and Sage, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Melon (#FFB09E): A whisper-light, balanced orange — the color of autumn markets.
- Sage (#A1B17F): A luminous, dusty green — the color of fresh herbs.
- Storm Blue (#59919C): A luminous, dusty blue — the color of open sky before noon.
- Cocoa (#583645): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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
- Ancient Orchard color palette (#FBF4EB, #EDBF69, #7EB89F, #609286, #57393C)
- Worn Bone color palette (#FFF2EC, #E4DDBB, #CFC2A2, #8C9B91, #584A59)
- Ancient Shell Lantern color palette (#F9F2FB, #FEB3C5, #8CA36F, #466E99, #2D3753)
- Washed Mallow color palette (#FFF1F1, #FFA7D7, #CAA072, #689373, #284A3E)
- Muted Blush color palette (#FFF2EF, #F28FA8, #4A9E84, #466D90, #1D4C42)
- Washed Clover color palette (#FFF3E8, #FF9B4C, #47B34F, #007FAE, #471A4F)
- Linen Mustard Courtyard color palette (#FDF5E0, #D6BF2C, #20B7A9, #697BAC, #51293A)
- Grape Archive color palette (#EEE9C7, #96B800, #009CAD, #7244C8, #4B000B)
Browse the whole catalog at Explore, or see today's palette.