Sand Garden color palette — #FFF2EA · #FFD1E0 · #FFBA9B · #B4AE6A · #453F3A

Cantaloupe takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Shell Pink (#FFD1E0): A whisper-light, dusty rose — the color of a warm blush.
• Cantaloupe (#FFBA9B): A whisper-light, balanced orange — the color of toasted spice.
• Sage (#B4AE6A): A luminous, balanced green — the color of a quiet forest floor.
• Charcoal (#453F3A): a grounded near-black with real depth.

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

• Hushed Honey color palette (#FEF4DE, #FFD4C2, #F2C95A, #7BBE85, #43413A)
• Wandering Taupe Terrace color palette (#FFE9E4, #E1C0A2, #B1A47C, #886C7E, #5E4656)
• Apricot Basin color palette (#FFF2EC, #FFD3F0, #FEA171, #8E9442, #523711)
• Pale Marigold Thicket color palette (#FFEFE8, #FAA553, #B98E2B, #756723, #4E4D45)
• Mustard Studio color palette (#FFF3E2, #E0AF49, #979CEA, #9F792A, #3C3E64)
• Pale Lime Lantern color palette (#F9F6E2, #FFC453, #ACCA4F, #37B49E, #1E3A18)
• Tempered Honey color palette (#FFF0F8, #E5D9D4, #F5BD24, #98B8C7, #462406)
• Moss Hollow color palette (#FFF3E7, #FFAAAC, #ED9600, #6DA400, #2F2500)

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