Tempered Stone color palette — #FFF1F7 · #BED9C9 · #93B8B5 · #7D7B93 · #4F4A5D

A conversation between Ash and Slate, giving this palette its sense of sophistication.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Oat (#BED9C9): A whisper-light, dusty teal — the color of sea glass.
• Ash (#93B8B5): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#7D7B93): A full-bodied, dusty violet — the color of wild irises.
• Charcoal Brown (#4F4A5D): A full-bodied, dusty violet — the color of twilight just after sunset.

Feels like: Sophistication. Tagged vintage, retro, 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

• Timeworn Lantern color palette (#F9F6E2, #C5C5AF, #939A83, #617669, #3C5556)
• Washed Boulevard color palette (#FAF3F5, #DBDDEC, #9DB0E2, #3295A6, #4A506F)
• Lagoon Basin color palette (#DFEFE2, #A4C4BC, #569A8B, #726285, #61372B)
• Muted Lantern color palette (#EADEC0, #A2B685, #558A91, #834565, #412A46)
• Aged Harbor color palette (#E1FCF9, #8EBF98, #A79CD1, #BB78AB, #254A47)
• Antique Loft color palette (#F1E8C9, #75A393, #3D7766, #713761, #4D1007)
• Muted Moss Ridge color palette (#E9F9F5, #B9CCA2, #CAA0D0, #779A43, #4E4868)
• Terracotta Veranda color palette (#EBF1D4, #72BA91, #2493A7, #A4404A, #513600)

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