Shell Harbor color palette — #FFF3E8 · #FEBBC7 · #D3A097 · #958D58 · #5B4039
Built around Ballet Pink, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF3E8): a clean, paper-quiet neutral.
- Ballet Pink (#FEBBC7): A whisper-light, dusty red — the color of a theater curtain.
- Rosewood Mist (#D3A097): A luminous, dusty orange — the color of autumn markets.
- Moss (#958D58): A luminous, dusty green — the color of fresh herbs.
- Cocoa (#5B4039): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Nature, Growth, Sophistication. Tagged retro, 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 Cocoa color palette (#FFF3E3, #FBC2A0, #CDA775, #739674, #683B00)
- Bronze Chapel color palette (#FFEDE9, #E7A0AA, #AB684D, #61504C, #27201F)
- Muted Mallow Alley color palette (#FAF5E4, #DBACD7, #B9827B, #3A7985, #584140)
- Timeworn Tangerine Courtyard color palette (#FFF3E6, #FFA59C, #E57E44, #72841F, #572317)
- Frosted Apricot Villa color palette (#F6D9B4, #F78760, #C47000, #43760A, #3D1803)
- Dusty Amber color palette (#EDE5D0, #B37D00, #766900, #005543, #110A00)
- Dusty Pier color palette (#F5F6EF, #C8E8E6, #9DCFE6, #72AEB6, #335247)
- Washed Loft color palette (#F3E5B1, #D8AA00, #929500, #007D70, #312900)
Browse the whole catalog at Explore, or see today's palette.