Stone Garden color palette — #FFF1F6 · #FED1CD · #E3A683 · #516B99 · #58383A

A conversation between Sand and Slate, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Shell Pink (#FED1CD): A whisper-light, dusty orange — the color of toasted spice.
• Sand (#E3A683): A luminous, balanced gold — the color of afternoon light on wheat.
• Slate (#516B99): A full-bodied, dusty violet — the color of a velvet chair.
• Cocoa (#58383A): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Sophistication. Tagged pastel, light, muted, warm.

Use it as a design system

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

• Tempered Studio color palette (#FFF2F0, #FFD3C6, #B9B571, #72578C, #563428)
• Dusty Iris color palette (#FFF1F4, #FFD0D2, #EEB695, #8E74B7, #583134)
• Taupe Garden color palette (#FFF0FE, #E7CFFF, #D7929F, #267989, #503647)
• Washed Terrace color palette (#F2F0FF, #FDC9E1, #EF999D, #795AAD, #2C203A)
• Dusty Amber color palette (#FCD4DF, #E696A3, #C2792C, #354993, #3E142D)
• Mulberry Villa color palette (#FFF0E9, #D5BD95, #6FA967, #8D3C5D, #322D28)
• Aged Atelier color palette (#F4F4FF, #F9D4D5, #E5CB90, #7AA4DA, #403850)
• Softworn Cocoa Villa color palette (#FFF2F0, #E1DCCF, #BDCDA7, #AA848C, #804127)

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