Tempered Shell color palette — #F5EEFF · #E5D1DC · #F8AEB7 · #936992 · #3A2E42

Ballet Pink and Slate set the tone — five colors that lean into creativity and sophistication.

The five colors

• Blush (#F5EEFF): A whisper-light, dusty violet — the color of a velvet chair.
• Silver (#E5D1DC): A whisper-light, dusty pink — the color of peonies in June.
• Ballet Pink (#F8AEB7): A whisper-light, balanced red — the color of late-summer berries.
• Slate (#936992): A full-bodied, dusty pink — the color of peonies in June.
• Espresso (#3A2E42): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Sophistication. Tagged pastel, light, muted.

Use it as a design system

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

• Stone Field color palette (#FFF1F4, #E7D5D0, #EDB29B, #796F9A, #5E4546)
• Apricot Cabin color palette (#FFE9EC, #FFB1B0, #FF865F, #A83F70, #3A030F)
• Misty Field color palette (#FFEBF8, #EFDAB7, #F3A541, #AE534D, #361B2B)
• Muted Bronze color palette (#FEECF6, #CDA185, #A5603F, #703C2E, #2F1C24)
• Ancient Dune color palette (#F6F3FF, #E8D6DE, #B0B8AE, #ADA7DC, #4A4157)
• Washed Rust Thicket color palette (#F6EBFF, #D7748B, #C75053, #60044D, #130006)
• Patina Amber Harbor color palette (#FBEAF8, #CC714F, #975000, #56001A, #090006)
• Pale Mustard color palette (#E6DDF9, #F5AB00, #FF7D85, #342034, #171017)

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