Shell Courtyard color palette — #F0F5FF · #E4D6E4 · #FAB6CD · #6996C1 · #434960

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

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Silver (#E4D6E4): A whisper-light, dusty pink — the color of neon signs at night.
• Carnation (#FAB6CD): A whisper-light, balanced rose — the color of a warm blush.
• Slate Blue (#6996C1): A luminous, balanced blue — the color of deep harbor water.
• Charcoal (#434960): A full-bodied, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Muted Ash color palette (#F3F4FF, #E0D7E0, #B6B0A0, #9D9FCB, #4E4D5E)
• Patina Apricot color palette (#F8F2FF, #F1D4F7, #FFAF8C, #9E71A1, #4B3A4F)
• Weathered Indigo Station color palette (#EEF2FF, #F4C9FF, #FF8CD0, #5774EE, #462F5D)
• Hushed Mallow Study color palette (#D3E4D5, #FFB69F, #C7ADFF, #3D405B, #252732)
• Wandering Harbor color palette (#F3F4FF, #DFC080, #7F62A0, #3E3E61, #20202D)
• Ancient Coast color palette (#EBEAFF, #C38EB4, #D05D76, #483595, #1A011B)
• Magenta Coast color palette (#E5E9FF, #C8A4E9, #D554C2, #1C4EA3, #1F1132)
• Wandering Amber Station color palette (#FFF0F8, #DAB694, #BC7F5B, #90584B, #2F4332)

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