Tempered Sand color palette — #FFF1F6 · #F3D4AA · #D4AD90 · #A4899A · #3D4C41

Built around Wheat, softened by Rosewood Mist — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Wheat (#F3D4AA): A whisper-light, dusty gold — the color of old brass.
• Rosewood Mist (#D4AD90): A luminous, dusty gold — the color of afternoon light on wheat.
• Heather (#A4899A): A luminous, dusty pink — the color of neon signs at night.
• Charcoal (#3D4C41): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, light, muted.

Use it as a design system

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

• Bone Market color palette (#ECFAED, #BAE6CA, #9EC0A2, #AB8694, #3B4C45)
• Dusty Bronze Coast color palette (#FFF3E8, #DFDFBF, #C8A78B, #A86847, #4F3C00)
• Hushed Stone Workshop color palette (#FFF0F9, #FFCFDC, #F0A3A6, #B57B6C, #6B3E1D)
• Aged Archive color palette (#F5F3FF, #E4A9F2, #BDBA7F, #70A4AA, #3D3B49)
• Bronze Harbor color palette (#FAF0E6, #CCB7A1, #AA7642, #744E38, #362A19)
• Aged Sand color palette (#F4F4FF, #F7DA9F, #AC93BA, #6B6A82, #2B2A35)
• Petal Study color palette (#F6F4FD, #FECAFD, #E2A88E, #C898C7, #352A30)
• Airy Chapel color palette (#DFF6E1, #E3C74E, #C99B45, #A1754C, #153E2F)

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