Tempered Sand color palette — #FCF2F7 · #ECDEA9 · #C3917C · #7C6572 · #33282E

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

The five colors

• Ivory (#FCF2F7): a clean, paper-quiet neutral.
• Wheat (#ECDEA9): A whisper-light, dusty green — the color of fresh herbs.
• Camel (#C3917C): A luminous, dusty orange — the color of sun-warmed clay.
• Pewter (#7C6572): A full-bodied, dusty pink — the color of peonies in June.
• Onyx (#33282E): quiet, heavy and certain.

Feels like: Nature, Growth, 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

• Timeworn Cocoa color palette (#FEF3EC, #C5E3CE, #A77A69, #6C3508, #241812)
• Washed Lagoon color palette (#E7FAF3, #FFCB7F, #8C9E57, #466C60, #132620)
• Ancient Chestnut color palette (#F7F0EC, #D4C0A1, #7E5742, #36302B, #1A120C)
• Dusty Honey color palette (#E8FCE5, #F7C843, #C07D18, #7E500D, #0E1F0D)
• Dusty Thicket color palette (#F0F7F1, #D0DEDE, #A8B4BE, #876B70, #4E554F)
• Mustard Quarry color palette (#EFF8EE, #F3B560, #64ABD5, #6693AE, #352D3D)
• Marigold Courtyard color palette (#CFEEDF, #D79800, #6E6C00, #3D3B01, #000302)
• Softworn Archive color palette (#E9FBE8, #F4C978, #90BC88, #8289B0, #3A4D43)

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