Shell Field color palette — #EBF7FF · #FFBDC2 · #50859D · #3C505D · #222D34

Ballet Pink takes the lead with Storm Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EBF7FF): a clean, paper-quiet neutral.
• Ballet Pink (#FFBDC2): A whisper-light, dusty red — the color of late-summer berries.
• Storm Blue (#50859D): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#3C505D): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#222D34): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, 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

• Aged Terrace color palette (#F0F7F1, #D5D8CB, #4C929B, #065058, #131E16)
• Tempered Field color palette (#EFF6FF, #E8BD6B, #5970A5, #33435C, #1A222F)
• Weathered Cypress Loft color palette (#F1F7F0, #C7C296, #2E6964, #2C3E28, #182823)
• Sapphire Dune color palette (#EEF6FF, #FF95B6, #1867C2, #1D3B61, #0F1B2A)
• Hushed Teal color palette (#EDF7FA, #BFE8DD, #63ADA9, #3A7976, #202E31)
• Ancient Lilac Meadow color palette (#EDF7FA, #81E5E3, #A38ED0, #3C9D9C, #2C2D38)
• Hushed Lantern color palette (#EEF6FC, #DADAE4, #B9AEB4, #7BA1B9, #4D5458)
• Softworn Harbor color palette (#E8FBED, #6FCEE4, #928AC1, #567860, #3A4A57)

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