Shell Loft color palette — #F3F4FF · #FBD4FB · #FFAFCB · #767FBA · #3E3B57

Built around Carnation, softened by Slate Blue — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Thistle (#FBD4FB): A whisper-light, dusty pink — the color of neon signs at night.
• Carnation (#FFAFCB): A whisper-light, balanced rose — the color of pressed rose petals.
• Slate Blue (#767FBA): A luminous, balanced violet — the color of wild irises.
• Navy (#3E3B57): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

One click turns Shell Loft 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 Shell Ridge color palette (#F7F3FF, #F7D4CD, #FDAB9C, #A17DB3, #453A4E)
• Softworn Mallow color palette (#EEF6FF, #E5D4F1, #E7ACFF, #5A95B6, #344059)
• Muted Apricot Loft color palette (#F2F5FF, #FFD4FB, #E19787, #3F6B96, #443F5A)
• Frosted Mustard Archive color palette (#FDE2F5, #FFC59F, #D4AB51, #B05C72, #4A293D)
• Quiet Blush Dune color palette (#DCDBFF, #DFA8CA, #F06F8B, #6752A0, #381834)
• Weathered Terrace color palette (#F0ECF7, #CFB06F, #8F437A, #502243, #191321)
• Weathered Olive color palette (#F3EAFC, #DE7CB4, #38821D, #006F6E, #2C2136)
• Airy Courtyard color palette (#E6E0F2, #F793AB, #F04F3A, #733796, #2B0316)

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