Tempered Hollow color palette — #F7F3F9 · #E3D7DB · #CEBABF · #9D5E71 · #4C444F

Built around Mocha, softened by Stone — the whole palette hums with sophistication.

The five colors

• Ivory (#F7F3F9): bright and airy, almost weightless.
• Silver (#E3D7DB): bright and airy, almost weightless.
• Stone (#CEBABF): A luminous, dusty red — the color of embers at dusk.
• Mocha (#9D5E71): A full-bodied, balanced red — the color of a theater curtain.
• Charcoal (#4C444F): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Tempered Hollow 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

• Pewter Dune color palette (#F4F0F6, #DED4D7, #D3B6B6, #966378, #2F2A32)
• Weathered Dune color palette (#FAF3F6, #E8D5D2, #ABC4AC, #A05200, #4E3842)
• Wandering Rust color palette (#F0DEEC, #AA534A, #422939, #2B1728, #150A0E)
• Hushed Station color palette (#FBF2F9, #DDCDD8, #BA9DAE, #AB0022, #3F2B3E)
• Tempered Pine Garden color palette (#EAF9F5, #8DBAB2, #53805B, #755039, #244A45)
• Aged Garnet color palette (#E2DBE3, #B3A3B1, #8F7788, #6C0025, #1A0F1C)
• Frosted Corridor color palette (#FDF1FA, #FFBECB, #FF9488, #D86F27, #53344C)
• Chestnut Drift color palette (#F4ECEE, #C3D0C4, #8FA896, #784800, #3D262E)

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