Tempered Stone color palette — #FDF1F9 · #EDD4D0 · #D6A08F · #87718E · #34443A

Built around Camel, softened by Slate — the whole palette hums with sophistication and grounding.

The five colors

• Ivory (#FDF1F9): a clean, paper-quiet neutral.
• Bone (#EDD4D0): A whisper-light, dusty orange — the color of sun-warmed clay.
• Camel (#D6A08F): A luminous, dusty orange — the color of toasted spice.
• Slate (#87718E): A full-bodied, dusty pink — the color of peonies in June.
• Charcoal (#34443A): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: 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

• Worn Stone color palette (#EAFAEE, #B8E8EC, #C1AD77, #936D7F, #2F4442)
• Tempered Driftwood Market color palette (#FEECF7, #CEB2C0, #99778C, #684F62, #37262E)
• Tempered Coast color palette (#FFF2EB, #F7D1B2, #D1AD98, #A88A80, #653E00)
• Worn Aqua color palette (#E7F9FF, #71D6DC, #C8AA6D, #967F4F, #24353A)
• Cerulean Alley color palette (#F0F6FB, #DBD7CC, #568CB3, #2D4961, #151C23)
• Aged Alley color palette (#E9F8FF, #D9D9E6, #A9A9F6, #8E6198, #62253A)
• Timeworn Garden color palette (#F0F6FF, #95B2EB, #B275A1, #6B6827, #1A2330)
• Weathered Amber Lagoon color palette (#FFF1F6, #EFCC73, #D57600, #96413D, #262B01)

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