Tempered Sand color palette — #FFF3E4 · #FFB28F · #9BAE6B · #747EAF · #413C36

Melon takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Melon (#FFB28F): A whisper-light, balanced orange — the color of toasted spice.
• Sage (#9BAE6B): A luminous, balanced green — the color of a quiet forest floor.
• Slate Blue (#747EAF): A luminous, dusty violet — the color of a velvet chair.
• Charcoal (#413C36): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged retro, 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

• Sand Cabin color palette (#FFF2E9, #EDCB8D, #81BE9A, #A97E8E, #4A4841)
• Muted Courtyard color palette (#FDF6D8, #FFA9D1, #CB9966, #498AAE, #4F362E)
• Washed Marigold Lagoon color palette (#E5FCEA, #E1A35B, #8B8B3F, #3B6986, #2D4332)
• Dusty Honey Corridor color palette (#FFF4DF, #EEC57A, #9B954D, #287261, #35312B)
• Marigold Veranda color palette (#FFF3E6, #FFA83B, #6DA3E1, #647BB1, #3C2F57)
• Airy Lime color palette (#FFE9E3, #9ACD59, #00ABB9, #9E5B82, #2F312B)
• Aged Powder Lagoon color palette (#FCF3EB, #C5F8E5, #A4BCF6, #66A5A1, #5D3C4C)
• Softworn Meadow color palette (#FFDDC4, #F19B0C, #1AB43D, #6D49B8, #302900)

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