Shell Field color palette — #FFF1F1 · #E6D0CC · #EFB2BA · #C3BCB2 · #5D4644
Ballet Pink and Cocoa set the tone — five colors that lean into sophistication and softness.
The five colors
- Ivory (#FFF1F1): a clean, paper-quiet neutral.
- Bone (#E6D0CC): A whisper-light, dusty orange — the color of sun-warmed clay.
- Ballet Pink (#EFB2BA): A whisper-light, dusty red — the color of a theater curtain.
- Stone (#C3BCB2): soft and architectural.
- Cocoa (#5D4644): A full-bodied, dusty orange — the color of toasted spice.
Feels like: Sophistication, Softness, Clarity. Tagged candy, vibrant, light, muted.
Use it as a design system
One click turns Shell Field 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
- Weathered Coral color palette (#FFF2EC, #FFC4BC, #C5BEF8, #DC9288, #5D4552)
- Tempered Fern color palette (#FFF2EE, #EDD8BC, #C8C0AD, #A79F85, #565100)
- Apricot Study color palette (#FFF2EC, #F6D3C4, #E9BB93, #EA9760, #512400)
- Aged Amber Loft color palette (#FFEDED, #E4D7EE, #F6AEE4, #D0824F, #412822)
- Wandering Powder Meadow color palette (#F5F6EE, #B8E5EF, #9BC7EB, #6FAFAC, #42584C)
- Weathered Blush Archive color palette (#FFEDEB, #FE8DBC, #8B7671, #5E5150, #271F1F)
- Mustard Boulevard color palette (#FFF3E5, #FFC9A2, #FFB95B, #C2A600, #342500)
- Powdered Amber color palette (#FEE4D4, #FFAAA3, #FF8D63, #D68300, #260D00)
Browse the whole catalog at Explore, or see today's palette.