Tempered Sand color palette — #E9FBEB · #D3D694 · #C2A97C · #A17B90 · #29433F

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

The five colors

• Ivory (#E9FBEB): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#D3D694): A whisper-light, balanced green — the color of fresh herbs.
• Camel (#C2A97C): A luminous, dusty gold — the color of old brass.
• Heather (#A17B90): A luminous, dusty pink — the color of neon signs at night.
• Forest (#29433F): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Aged Oat Harbor color palette (#E4FCEF, #BFDBAC, #B2AF7E, #749171, #274343)
• Timeworn Mustard Studio color palette (#D7F0D9, #C9C677, #BE9655, #996E5C, #113832)
• Sand Studio color palette (#FFF0F8, #F3D4AC, #CFA9BF, #A089A3, #3B4D43)
• Muted Workshop color palette (#F9F1E4, #B7AB87, #8A713D, #6A411E, #262404)
• Lime Station color palette (#F6F3FE, #FDBBFE, #9CBC58, #C688C7, #112923)
• Weathered Corridor color palette (#FFE7FC, #FFC0C8, #EF9472, #A1802E, #394300)
• Muted Seafoam Alley color palette (#F4F4FF, #A6E7B8, #A885BC, #615F7B, #21202D)
• Lime Courtyard color palette (#C1E9D4, #87D03B, #A49700, #9A6314, #00321E)

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