Shell Study color palette — #FFF2ED · #FFB6B2 · #B3706E · #6F3E42 · #3A3230

Built around Rose Quartz, softened by Mocha — the whole palette hums with warmth and comfort.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Rose Quartz (#FFB6B2): A whisper-light, balanced orange — the color of sun-warmed clay.
• Mocha (#B3706E): A luminous, balanced orange — the color of toasted spice.
• Cocoa (#6F3E42): A full-bodied, dusty red — the color of embers at dusk.
• Espresso (#3A3230): a grounded near-black with real depth.

Feels like: Warmth, Comfort, Sophistication. Tagged monochrome, muted, warm.

Use it as a design system

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

• Tempered Corridor color palette (#FFF1F2, #EDB9E8, #9D6B94, #614060, #4E2B32)
• Driftwood Courtyard color palette (#FFF0FE, #FCCDDC, #EDA5A4, #C07271, #4B2E49)
• Timeworn Taupe color palette (#FFF0FE, #FDC1C5, #D08D8F, #8D5459, #482D47)
• Apricot Dune color palette (#FBF4EE, #F3B079, #63895C, #926035, #2E2F24)
• Ancient Cocoa Dune color palette (#FFF2EE, #E0DACE, #9FC0AD, #A67C7C, #7E4024)
• Ancient Courtyard color palette (#FEF3EA, #C37D4F, #338E94, #725370, #423C37)
• Ember Cabin color palette (#FFDCC6, #E46400, #7E3C00, #481E00, #270C00)
• Tempered Bronze color palette (#EEE4D8, #AF7200, #593800, #271500, #0E0600)

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