Tempered Sand color palette — #FFF3E9 · #FFC8A0 · #92D1F1 · #CF9C76 · #375448

Wheat takes the lead with Camel close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Wheat (#FFC8A0): A whisper-light, balanced gold — the color of old brass.
• Sky (#92D1F1): A whisper-light, dusty blue — the color of deep harbor water.
• Camel (#CF9C76): A luminous, balanced gold — the color of honey in a jar.
• Charcoal Brown (#375448): A full-bodied, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Optimism, Sophistication, Softness, Clarity. Tagged light, 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

• Tempered Sand Delta color palette (#FCF4E7, #EED28A, #ABC7FF, #BAA674, #5C4459)
• Blush Study color palette (#FFF2EF, #FFC2CB, #83DACB, #DA909C, #405438)
• Weathered Honey color palette (#FFF3E7, #F6B57C, #6EBCE3, #B38053, #365548)
• Muted Chestnut color palette (#FEF3E8, #DDDFCA, #9DC3D1, #CCAF9E, #734B00)
• Worn Honey Lantern color palette (#FFF3E7, #FFB56D, #7DCFC3, #B8A4D3, #47413C)
• Worn Honey color palette (#FFF3E3, #FAB736, #8CB7FF, #C58B00, #17386F)
• Soft Amber color palette (#F8E2CA, #C47F26, #00659B, #774800, #00060F)
• Quiet Chartreuse color palette (#F9F6DD, #BCDA78, #D0A9FB, #93A961, #4B395E)

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