Shell Garden color palette — #FEF1F8 · #FBBAA1 · #6EA88E · #676496 · #472D4C

Melon takes the lead with Slate close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#FEF1F8): a clean, paper-quiet neutral.
• Melon (#FBBAA1): A whisper-light, balanced orange — the color of autumn markets.
• Jade (#6EA88E): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#676496): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#472D4C): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Creativity, Sophistication. Tagged muted.

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

• Shell Summit color palette (#F9F2FD, #FDB3CD, #98A068, #397290, #293854)
• Wandering Oat Parlor color palette (#EBF9F2, #D0CF99, #769FC3, #636791, #522A36)
• Weathered Field color palette (#FBF2F6, #D8D4DF, #BFBDE1, #559FA5, #444D63)
• Cerulean Pier color palette (#F7F6EA, #BFCF9C, #75BA9F, #3595A7, #2C4364)
• Timeworn Ash Hollow color palette (#EEF8F3, #C4DBEF, #8CB8B9, #917E96, #304D48)
• Cypress Lantern color palette (#FDF3ED, #C18874, #0B836B, #5F4775, #59373D)
• Timeworn Lime Ridge color palette (#E9FAF4, #AAC876, #628DBF, #7F4763, #431B30)
• Airy Navy color palette (#E8FAF5, #92B364, #5D72B6, #363F90, #3A0300)

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