Sand Courtyard color palette — #FFF1F0 · #FFCAA4 · #E0D2D5 · #C3BEB3 · #57362E

Built around Peach Cream, softened by Cocoa — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Peach Cream (#FFCAA4): A whisper-light, dusty gold — the color of honey in a jar.
• Silver (#E0D2D5): a clean, paper-quiet neutral.
• Stone (#C3BEB3): a calm mid-gray that lets other colors speak.
• Cocoa (#57362E): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, muted.

Use it as a design system

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

• Chartreuse Study color palette (#FEF3E9, #DDD4CC, #B8D446, #92B4AE, #4B3206)
• Tempered Bronze color palette (#FFF1F1, #E9D5CD, #E29289, #B56A4B, #504A44)
• Weathered Thicket color palette (#FFF1F3, #E3D6D2, #CEBBA9, #7C9574, #345649)
• Weathered Shell color palette (#FFEDEB, #FFCFD9, #FEAFA4, #CA8585, #3E2B27)
• Dusty Marigold Drift color palette (#FFF2EE, #E6D0CC, #F99C29, #A6B4A4, #4E0306)
• Muted Amber Loft color palette (#FFF2EB, #EDD7BE, #80DCEB, #DC7C5B, #2B5037)
• Timeworn Teal Thicket color palette (#FBF3F0, #C6DDE3, #97CFD2, #46A590, #5C445C)
• Worn Basalt color palette (#F9F4ED, #C6DFD0, #99B895, #9C7B8B, #524600)

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