Sand Garden color palette — #F5F3FF · #FFD3DF · #FFB08F · #8677B9 · #4A3E55

A conversation between Melon and Slate Blue, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#F5F3FF): a clean, paper-quiet neutral.
• Shell Pink (#FFD3DF): A whisper-light, dusty rose — the color of pressed rose petals.
• Melon (#FFB08F): A whisper-light, balanced orange — the color of autumn markets.
• Slate Blue (#8677B9): A luminous, balanced violet — the color of wild irises.
• Charcoal (#4A3E55): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns Sand 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

• Washed Mustard Parlor color palette (#FEF0FF, #EDDCC6, #DEBE6B, #A27098, #523B4B)
• Patina Mallow color palette (#F0F5FF, #FAD2E8, #FF9DB9, #508CB7, #363A51)
• Blush Parlor color palette (#FFF1F2, #FFC9DE, #ED9BA3, #8C6088, #4D3433)
• Timeworn Summit color palette (#FFF1F2, #E2D8D1, #9DB2A3, #9E82BA, #4E302F)
• Antique Bloom color palette (#F0E7FF, #FFABBA, #F37D12, #7959B2, #3E182B)
• Lime Courtyard color palette (#FFE6F2, #EED18E, #85C263, #B66066, #452631)
• Weathered Bronze color palette (#F9DFEE, #D4A374, #B56A4B, #864449, #1E3725)
• Mulberry Workshop color palette (#F4E5FD, #E6A08A, #C38500, #8C3889, #2E0409)

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