Tempered Sand Garden color palette — #FFF3E9 · #F1D5CD · #FFBC86 · #AFB36E · #3F3B35

A conversation between Cantaloupe and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Bone (#F1D5CD): A whisper-light, dusty orange — the color of toasted spice.
• Cantaloupe (#FFBC86): A whisper-light, balanced gold — the color of old brass.
• Sage (#AFB36E): A luminous, balanced green — the color of new leaves after rain.
• Charcoal (#3F3B35): 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 Tempered 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

• Taupe Bloom color palette (#FFF2EE, #FFD4FB, #FFB5AD, #BE9B53, #453E3A)
• Dusty Lantern color palette (#FCF4E4, #EED9BB, #E4CE52, #67BD89, #414039)
• Hazy Marigold Harbor color palette (#FFDCC9, #EEAC4F, #B38A0F, #706A20, #44443D)
• Patina Periwinkle Station color palette (#FFF4DE, #D0B658, #8D9DF4, #977E1F, #55374D)
• Quiet Lime color palette (#FAF7D7, #FFC46D, #9DD250, #00B1AA, #30322B)
• Muted Stone Pier color palette (#FCF4E9, #CBC884, #7F996B, #87686B, #514000)
• Dusty Oat color palette (#FFF1EB, #DBC1A2, #A39C7A, #887784, #61495C)
• Airy Pier color palette (#FFF3E3, #FFAEA8, #F5A214, #569C00, #372B00)

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