Shell Garden color palette — #FFF2EF · #FFA6B7 · #7CBCB6 · #6F8B6A · #3E2D29

Built around Ballet Pink, softened by Mint Leaf — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Ballet Pink (#FFA6B7): A luminous, balanced red — the color of a theater curtain.
• Mint Leaf (#7CBCB6): A luminous, dusty teal — the color of glacier melt.
• Eucalyptus (#6F8B6A): A luminous, dusty green — the color of a quiet forest floor.
• Espresso (#3E2D29): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Weathered Mallow color palette (#FFF1F4, #E2A9FF, #92BA95, #678D6A, #3F2B31)
• Muted Drift color palette (#FEF1F9, #F0B29A, #ACBF88, #7BA589, #473841)
• Teal Alley color palette (#FFF2ED, #FFB5B5, #53ABA2, #576B92, #472F45)
• Ancient Meadow color palette (#FEF3E9, #F7B277, #82B7D1, #5A89A0, #36302B)
• Muted Blush color palette (#FFF2EE, #FB8B8F, #39A9B9, #24707B, #2D212A)
• Hushed Courtyard color palette (#FCF3EF, #DDDBD1, #A9B7BA, #A2A283, #534C49)
• Tempered Cocoa color palette (#FFF4DD, #FFCFD1, #B1A170, #846786, #632F00)
• Stone Orchard color palette (#FEF2F1, #E8D8D7, #98BA84, #BF86A0, #1F1F14)

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