Shell Garden color palette — #FFF2EB · #FFB19C · #69B9BD · #A07990 · #533948

Melon takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Melon (#FFB19C): A whisper-light, balanced orange — the color of toasted spice.
• Cyan (#69B9BD): A luminous, dusty teal — the color of shallow lagoons.
• Heather (#A07990): A luminous, dusty pink — the color of peonies in June.
• Charcoal (#533948): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Warmth, Comfort, Sophistication. Tagged muted, warm.

Use it as a design system

One click turns Shell Garden 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 Shell Grove color palette (#FFF2EF, #FFACBF, #74BAA1, #6989B0, #513853)
• Timeworn Sand Terrace color palette (#FFF2ED, #F6DDB7, #B9C3A5, #B39CA5, #624A55)
• Marigold Meadow color palette (#FFF1F5, #DCA566, #589C80, #55698D, #4B3B54)
• Softworn Sand Workshop color palette (#FBF4EB, #EDC584, #89A46F, #34786E, #3E3733)
• Aged Fern Workshop color palette (#F9F5ED, #CDE8BC, #8BC4AD, #AF9197, #525000)
• Muted Lime Alley color palette (#F9F6E3, #B1CC58, #AB90D8, #9D6797, #4E2945)
• Mustard Drift color palette (#FAF1E1, #D7AC00, #6891E1, #895B98, #3C1A47)
• Hushed Corridor color palette (#FCEDF3, #C09167, #218086, #304A80, #331C3D)

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