Shell Courtyard color palette — #F5F3FF · #FFD4E8 · #FFAFB1 · #9384B6 · #473E57

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

The five colors

• Ivory (#F5F3FF): a clean, paper-quiet neutral.
• Shell Pink (#FFD4E8): A whisper-light, dusty rose — the color of a warm blush.
• Rose Quartz (#FFAFB1): A whisper-light, balanced red — the color of embers at dusk.
• Slate Blue (#9384B6): A luminous, dusty violet — the color of a velvet chair.
• Charcoal (#473E57): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, 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

• Iris Coast color palette (#FFF1F4, #F5D2D0, #E7BF90, #9596E1, #5C393D)
• Antique Driftwood Corridor color palette (#FEF0FF, #F3D9C0, #E0BB8F, #A66F87, #533B50)
• Worn Petrol color palette (#F4F4FF, #FBCBE0, #DDA58D, #625F98, #3F374E)
• Weathered Mallow Coast color palette (#F9E8F4, #FF9ABB, #DD8778, #745090, #2E1F39)
• Hushed Lagoon color palette (#FFE6F1, #F9D09C, #C6BE51, #9D5F54, #1E391C)
• Antique Mustard color palette (#F5EAF9, #D8AE4F, #954561, #3F2D47, #1C1120)
• Amber Workshop color palette (#F8DBF1, #DC854A, #9D7A00, #762C42, #200700)
• Lime Garden color palette (#D6F1F1, #B2C900, #EF6BA9, #3D2F46, #1E1821)

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