Tempered Stone color palette — #FFF1F7 · #C5E6F2 · #B2AFC8 · #DB9F9E · #425547
A conversation between Rosewood Mist and Frost, giving this palette its sense of sophistication and softness.
The five colors
- Ivory (#FFF1F7): a clean, paper-quiet neutral.
- Frost (#C5E6F2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Ash (#B2AFC8): A luminous, dusty violet — the color of wild irises.
- Rosewood Mist (#DB9F9E): A luminous, dusty red — the color of embers at dusk.
- Charcoal Brown (#425547): A full-bodied, dusty teal — the color of sea glass.
Feels like: Sophistication, Softness, Clarity. Tagged pastel, light, 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
- Aged Marigold color palette (#E7FAF5, #C8E4F4, #BCBBC9, #CEAB69, #1E4946)
- Ancient Cream color palette (#FFEAD6, #DCD5DE, #B2A39D, #5B434B, #271D21)
- Worn Ridge color palette (#FFF3E5, #C4FFD6, #DBE0C8, #E2B59D, #654600)
- Muted Studio color palette (#FFECF2, #D6FEE1, #C6DAB1, #AB879B, #354138)
- Ancient Market color palette (#FFF2E9, #DDE2CA, #A7D1BA, #AC8478, #6B4900)
- Stone Delta color palette (#E9FAF2, #C6C986, #7EB7D7, #A76D8F, #23362E)
- Weathered Moss color palette (#D5FFFB, #BFE1F1, #C4C1EC, #A09000, #003229)
- Tempered Lagoon Garden color palette (#EDF8F3, #B6E0E5, #63917D, #2B4F40, #0F1F18)
Browse the whole catalog at Explore, or see today's palette.