Tempered Shell color palette — #FBF1FF · #FFAAB5 · #D98E7C · #92664E · #654952

Ballet Pink and Camel set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#FBF1FF): A whisper-light, dusty pink — the color of peonies in June.
• Ballet Pink (#FFAAB5): A whisper-light, balanced red — the color of embers at dusk.
• Camel (#D98E7C): A luminous, balanced orange — the color of sun-warmed clay.
• Walnut (#92664E): A full-bodied, dusty orange — the color of autumn markets.
• Charcoal Brown (#654952): A full-bodied, dusty rose — the color of strawberry cream.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

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

• Bronze Orchard color palette (#FFF2EF, #E8D6CB, #EA9E8E, #B26547, #4C4641)
• Dusty Study color palette (#FFEEFB, #FFB192, #C68D54, #90774B, #395648)
• Dusty Courtyard color palette (#EAEBFF, #F3B4EF, #C382A6, #936271, #5D485A)
• Tempered Apricot Terrace color palette (#FFF0FA, #FFAD91, #6FBFD2, #BB7963, #335260)
• Quiet Amber color palette (#FFDFE1, #FF8A70, #CB6800, #825700, #4D3A00)
• Apricot Delta color palette (#FFF0F9, #ED997B, #5BB3C7, #7B8DB8, #4D3D47)
• Hushed Glacier Cabin color palette (#FFD9E5, #56F0FC, #FFB5AD, #544751, #3A3239)
• Oat Lagoon color palette (#E7FBF0, #C0D3A5, #7DA691, #657B67, #3B4C4A)

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