Shell Harbor color palette — #FFF2EC · #FFB7AC · #CBBA7E · #B992BE · #3E3733
Built around Rose Quartz, softened by Sand — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Rose Quartz (#FFB7AC): A whisper-light, balanced orange — the color of toasted spice.
- Sand (#CBBA7E): A luminous, balanced green — the color of a quiet forest floor.
- Mauve (#B992BE): A luminous, dusty pink — the color of neon signs at night.
- Charcoal (#3E3733): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication. 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
- Antique Mallow color palette (#FFF1F1, #FFAFDC, #F0A87E, #979DD2, #473232)
- Ancient Station color palette (#FFF2ED, #FFAFA6, #95CE9B, #9AAEDC, #48403D)
- Honey Corridor color palette (#FFF3E3, #F7C264, #99C99A, #C39689, #3C3832)
- Weathered Stone color palette (#FFF2EB, #E2D9D0, #E1A18F, #8C5B4E, #3C2112)
- Worn Parlor color palette (#FFF2EC, #DFD9CD, #C7C4A3, #A1B4B2, #7A4118)
- Aged Bronze color palette (#FDF4E5, #DBE4BD, #BEAD7F, #9A7232, #4E3D00)
- Weathered Cocoa Quarry color palette (#C7FFDF, #FFEAD5, #D6CAC2, #603900, #2D2924)
- Petrol Drift color palette (#FFF2EC, #C1877A, #3E999E, #2B7A9C, #48413D)
Browse the whole catalog at Explore, or see today's palette.