Tempered Stone color palette — #F7F3F9 · #DFD7DA · #E39EB6 · #B7B6AA · #56505A

Ballet Pink and Charcoal Brown set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#F7F3F9): bright and airy, almost weightless.
• Silver (#DFD7DA): a clean, paper-quiet neutral.
• Ballet Pink (#E39EB6): A luminous, balanced rose — the color of strawberry cream.
• Stone (#B7B6AA): soft and architectural.
• Charcoal Brown (#56505A): a grounded near-black with real depth.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, 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

• Softworn Sand color palette (#FBF2FA, #E7D7D6, #FFBE8E, #B0B19E, #5A3E53)
• Stone Market color palette (#FAEEF8, #E6A39D, #8A747F, #604E5D, #251F26)
• Patina Coral color palette (#F9F3F9, #E5D5D7, #B3AC9E, #FF6E77, #4B394A)
• Timeworn Lagoon color palette (#ECF9EE, #F5C0CB, #DC9D83, #419F87, #524151)
• Patina Stone color palette (#EFF7F4, #C4E6E0, #94C2A5, #A192B8, #35544F)
• Driftwood Coast color palette (#F9EFEE, #DDD6CE, #ADAFA3, #A07772, #3B3434)
• Softworn Lagoon color palette (#EDF9EF, #C9DEDD, #9CCDD3, #BF9000, #26382A)
• Ancient Lagoon color palette (#EAF1EA, #A2B4B2, #73A5A8, #996500, #081809)

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