Shell Courtyard color palette — #E8FAF3 · #CDDE9C · #FFAEAC · #A1B171 · #594558

Built around Rose Quartz, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#E8FAF3): A whisper-light, dusty teal — the color of glacier melt.
• Celadon Mist (#CDDE9C): A whisper-light, balanced green — the color of new leaves after rain.
• Rose Quartz (#FFAEAC): A whisper-light, balanced orange — the color of autumn markets.
• Sage (#A1B171): A luminous, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#594558): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged 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

• Mallow Station color palette (#EDF9EC, #F3CEA2, #F6A9EA, #CF9E61, #504863)
• Washed Celadon Lantern color palette (#F9F6E3, #DDEFA7, #D5BEFF, #93A266, #583D48)
• Washed Seafoam color palette (#ECF9F0, #E6D49B, #4FE0D9, #BFA656, #2B545D)
• Mallow Harbor color palette (#EDF8F3, #C5CA8F, #D09ADF, #8E923C, #4D4965)
• Muted Stone color palette (#FEF1F7, #F4CDDD, #DBA98F, #A8869C, #554148)
• Antique Jade color palette (#EAF9F8, #AEE4BE, #9DCBFF, #6ABD87, #3B4F64)
• Hushed Teal color palette (#ECF8F7, #DFE2B4, #74AE86, #4C7674, #212E2E)
• Olive Thicket color palette (#E6F6F2, #A5BD8C, #9B95C7, #607C3F, #292F49)

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