Shell Ridge color palette — #FFF1F5 · #DBD3DB · #FFB1AE · #C5BBB4 · #4E3538

Rose Quartz takes the lead with Charcoal close behind in a set that reads as sophistication and softness at first glance.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Silver (#DBD3DB): bright and airy, almost weightless.
• Rose Quartz (#FFB1AE): A whisper-light, balanced orange — the color of toasted spice.
• Stone (#C5BBB4): a calm mid-gray that lets other colors speak.
• Charcoal (#4E3538): A deep, shadowed, dusty red — the color of embers at dusk.

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

Use it as a design system

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

• Softworn Cocoa color palette (#FFF2EF, #FFCB94, #E2D1D2, #C1C0B5, #692E0D)
• Mallow Coast color palette (#FEF0FB, #D3D5E5, #EEAEEA, #AFA3A6, #513643)
• Washed Balcony color palette (#FFF1F1, #DFD2D6, #FF9C77, #BAA694, #4A1A2C)
• Wandering Blush Harbor color palette (#FFF1F4, #FDD1D9, #ED90B8, #AE6975, #4E4642)
• Aged Quarry color palette (#FFF2F0, #F9D2CD, #79DFE0, #CC7E9E, #374D37)
• Cerulean Harbor color palette (#FAF4EF, #C5DEEC, #C3BDF3, #4DA1A6, #5B4653)
• Hushed Moss color palette (#FFF2EB, #E9DAD6, #FFC3A5, #AB9A00, #251200)
• Aged Mallow color palette (#FFF1F3, #CE98D3, #6C4B46, #352629, #140D10)

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