Tempered Sand color palette — #E8FBEE · #E7DFA1 · #AE9D65 · #55735B · #20372D

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

The five colors

• Ivory (#E8FBEE): A whisper-light, dusty teal — the color of sea glass.
• Celadon Mist (#E7DFA1): A whisper-light, balanced green — the color of new leaves after rain.
• Camel (#AE9D65): A luminous, dusty green — the color of a quiet forest floor.
• Pewter (#55735B): A full-bodied, dusty teal — the color of sea glass.
• Deep Forest (#20372D): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Weathered Taupe color palette (#FFF1F6, #FFD4A5, #C59267, #88604A, #253726)
• Tempered Taupe color palette (#E6FCEC, #B2DCC7, #BBAB7E, #739272, #29433B)
• Cocoa Parlor color palette (#F9F1E3, #B7AB87, #847443, #694300, #27230C)
• Patina Driftwood color palette (#DEFFEB, #CDCC89, #978B48, #695620, #0D271F)
• Powdered Orchard color palette (#C6F1DE, #91A542, #626400, #393200, #020500)
• Muted Bronze color palette (#E8FBED, #86B2A2, #857038, #714628, #1E4541)
• Dusty Drift color palette (#FFF1F7, #E6E0C7, #CC9FB4, #8C7180, #384238)
• Washed Celadon color palette (#E4FAFF, #D6F2A6, #168783, #0A3F4A, #061214)

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