Tempered Sand color palette — #FFF3E5 · #DCD997 · #98B780 · #9F8897 · #45423B

Wheat and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Wheat (#DCD997): A whisper-light, balanced green — the color of a quiet forest floor.
• Sage (#98B780): A luminous, balanced green — the color of fresh herbs.
• Heather (#9F8897): A luminous, dusty pink — the color of a candy shop window.
• Charcoal (#45423B): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

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

• Aged Basalt color palette (#F9F5EA, #C6DFA8, #84BB96, #7D9881, #494400)
• Mallow Balcony color palette (#FFF1F4, #EAB4FF, #ACCB78, #B68CC7, #43433C)
• Taupe Orchard color palette (#FFF1F7, #CBF0D9, #91A67C, #74738D, #293E31)
• Ancient Seafoam color palette (#F7F7E3, #82E7B2, #3FBBAE, #A27A9A, #393C35)
• Wandering Driftwood Workshop color palette (#ECF9F3, #BDCC93, #7D9A62, #507982, #334741)
• Chalky Mallow Bloom color palette (#FFF1F4, #E39EFF, #9DC374, #62B0A2, #492F36)
• Wandering Mustard color palette (#F0E2D0, #C3BF5A, #789E5C, #746E9A, #322807)
• Powder Drift color palette (#FBF4EB, #DCDFF6, #AABCEE, #64A3B0, #5A3E4D)

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