Tempered Stone color palette — #EFF8EE · #BEE8E5 · #CAA77F · #8C7083 · #30443F

Camel and Silver set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#EFF8EE): bright and airy, almost weightless.
• Silver (#BEE8E5): A whisper-light, dusty teal — the color of shallow lagoons.
• Camel (#CAA77F): A luminous, dusty gold — the color of old brass.
• Slate (#8C7083): A full-bodied, dusty pink — the color of peonies in June.
• Charcoal (#30443F): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Tempered Stone 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 Taupe color palette (#FFF1F6, #EFDBAE, #C5916A, #915956, #21372F)
• Apricot Garden color palette (#F4F4FF, #EADBD9, #EB998A, #996E3A, #473B00)
• Ancient Cocoa Station color palette (#FFF3E5, #EDD6AF, #CCB190, #A38E7C, #594500)
• Softworn Workshop color palette (#EAF6EA, #AAC3AE, #728A72, #6C4E59, #1E3125)
• Softworn Mallow Ridge color palette (#F4F4FE, #D4B1FA, #A3B871, #5986B1, #30303E)
• Lilac Harbor color palette (#F5F4FB, #EBD8E0, #D7A360, #B783C3, #172117)
• Dusty Chapel color palette (#F3F4FE, #BDE1F2, #8E7CA9, #414363, #1A1A23)
• Olive Market color palette (#E0FDEE, #9EBE8B, #817900, #623D00, #001617)

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