Tempered Shell color palette — #F9F2FF · #F9BEC3 · #CFACC8 · #7A9584 · #3F564C

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

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Ballet Pink (#F9BEC3): A whisper-light, dusty red — the color of late-summer berries.
• Mauve (#CFACC8): A luminous, dusty pink — the color of a candy shop window.
• Eucalyptus (#7A9584): A luminous, dusty teal — the color of glacier melt.
• Charcoal Brown (#3F564C): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Sophistication. Tagged vintage, retro, muted, light.

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

• Weathered Boulevard color palette (#F4F4FF, #EDB3C8, #BA94A8, #5A7F8E, #3C545D)
• Weathered Sand color palette (#FFF0F9, #F7C8A0, #A0C3A4, #6F9994, #3C5454)
• Dusty Olive Cabin color palette (#FFF1F2, #EED6C1, #CBA693, #768540, #3D4D3A)
• Tempered Denim Coast color palette (#E2EEFF, #AFB3C9, #8F7E93, #335D72, #2C3B4F)
• Quiet Blush Veranda color palette (#FFE2EA, #FFABBC, #F18591, #B7706F, #5C3F57)
• Sunlit Powder Harbor color palette (#FFF0FE, #FFB6B3, #B5B5FD, #D68583, #3E3D65)
• Antique Mustard Market color palette (#EADEC7, #B5A74A, #808A5D, #346A73, #002D30)
• Mustard Drift color palette (#F5DFCE, #E1AE5D, #A6986A, #557F7E, #004236)

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