Tempered Stone color palette — #F2F5FF · #E8D3E4 · #CBB6C9 · #83A0A7 · #41545D

Rosewood Mist and Blue Fog set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Silver (#E8D3E4): A whisper-light, dusty pink — the color of neon signs at night.
• Rosewood Mist (#CBB6C9): A luminous, dusty pink — the color of neon signs at night.
• Blue Fog (#83A0A7): A luminous, dusty blue — the color of deep harbor water.
• Charcoal Brown (#41545D): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

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

• Muted Stone color palette (#F0EAF9, #E5B1AE, #90B292, #667F93, #304C61)
• Stone Balcony color palette (#EEF8F5, #C4E6E5, #8CC0C9, #9D96AD, #365353)
• Antique Taupe color palette (#FFEBF6, #DDC4C5, #B78C7B, #5C6D5B, #384B3B)
• Softworn Stone color palette (#F5F3FF, #FFC4E3, #EA9DAE, #BC7F82, #5F4456)
• Abyss Parlor color palette (#F2DBF4, #C3A6C6, #B78962, #567A90, #00405E)
• Dusty Bronze Harbor color palette (#FFF1F1, #EBC8C3, #C8A99D, #9C7736, #644F00)
• Blush Workshop color palette (#FBF1FE, #FFC2CD, #8BD7D2, #DE8E9E, #235560)
• Ancient Pewter color palette (#EAE7FE, #997591, #935C55, #005350, #001825)

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