Tempered Sand color palette — #FAF3F8 · #E4CF9E · #6C7DA3 · #584656 · #30292F

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

The five colors

• Ivory (#FAF3F8): a clean, paper-quiet neutral.
• Wheat (#E4CF9E): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Slate (#6C7DA3): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal Brown (#584656): A full-bodied, dusty pink — the color of peonies in June.
• Onyx (#30292F): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Aged Stone color palette (#FFF1F4, #BCCD8B, #83648F, #563941, #291E21)
• Aged Shell color palette (#ECF9F3, #FDC1AC, #5A8977, #365549, #222E29)
• Cerulean Harbor color palette (#F0F5FE, #B8E6F0, #7185B3, #374761, #151B26)
• Weathered Ash color palette (#F0F5FE, #C8E7CF, #889ECF, #5C6E8A, #242C38)
• Antique Iris Basin color palette (#FAF2F8, #BED0FF, #C98788, #758AC5, #392A24)
• Aged Powder Harbor color palette (#F7F7E2, #BEB1FE, #B97D9A, #4A7B65, #574047)
• Quiet Lime color palette (#FFF0FA, #96CE63, #585FB2, #313661, #261321)
• Timeworn Thicket color palette (#FBF2F6, #E5D8D4, #B6B1A6, #B2919F, #585053)

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