Shell Lantern color palette — #FFF2EF · #FDD2D4 · #FFAFC0 · #D88E86 · #58332A

A conversation between Ballet Pink and Camel, giving this palette its sense of warmth and comfort.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Shell Pink (#FDD2D4): A whisper-light, dusty red — the color of embers at dusk.
• Ballet Pink (#FFAFC0): A whisper-light, balanced red — the color of embers at dusk.
• Camel (#D88E86): A luminous, balanced orange — the color of toasted spice.
• Cocoa (#58332A): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Warmth, Comfort, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, muted.

Use it as a design system

One click turns Shell Lantern 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

• Quiet Amber color palette (#FFF2EF, #FECDFD, #F196AB, #C37549, #522E22)
• Wandering Apricot color palette (#FFF2EB, #F1D5C7, #ECBC8F, #DB9C6E, #453E3A)
• Aged Bronze color palette (#FFF2ED, #EBC0A8, #AF9784, #887C33, #4E4F00)
• Linen Cabin color palette (#FFF2EA, #F89D75, #B792DB, #B76844, #4B395B)
• Patina Meadow color palette (#FFF2EB, #E8D6CD, #CCC291, #98AC73, #6C3604)
• Hushed Rose Pier color palette (#F3E0DB, #E05D72, #77391D, #382A26, #1F1614)
• Marigold Boulevard color palette (#FFECD6, #FFB389, #E09400, #9E8000, #352400)
• Muted Bronze color palette (#F9F5E7, #B8CD9B, #7C996F, #9D603B, #4A4400)

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