Tempered Shell color palette — #FFF1F1 · #E8D6D3 · #FBB7BC · #937291 · #634745
A conversation between Ballet Pink and Heather, giving this palette its sense of sophistication and softness.
The five colors
- Ivory (#FFF1F1): a clean, paper-quiet neutral.
- Bone (#E8D6D3): A whisper-light, dusty orange — the color of autumn markets.
- Ballet Pink (#FBB7BC): A whisper-light, dusty red — the color of embers at dusk.
- Heather (#937291): A full-bodied, dusty pink — the color of a candy shop window.
- Cocoa (#634745): A full-bodied, dusty orange — the color of toasted spice.
Feels like: Sophistication, Softness, Clarity. 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
- Ancient Cocoa Terrace color palette (#FFF2EC, #E4D8C8, #DFB391, #A16F71, #783E17)
- Oat Balcony color palette (#F7F3FF, #EAD4DF, #ECBF9A, #A88FB9, #53475C)
- Aged Veranda color palette (#FFEEF2, #FFBEBF, #F67C5A, #9A4972, #572A2F)
- Wandering Driftwood Canyon color palette (#FFEDEE, #E9D2C3, #D3BB95, #9378A3, #402524)
- Wandering Harbor color palette (#FFF3E8, #F8D4AA, #CFB36F, #925A42, #413C36)
- Hushed Powder Studio color palette (#FFF1F4, #E3DAD1, #A7B2EF, #AAB4C0, #614747)
- Faded Rust Balcony color palette (#FEE3EE, #E58CA1, #B35351, #5D1F4D, #2B0806)
- Aged Crimson color palette (#FFF2EE, #CB5462, #7D7227, #564A79, #412D27)
Browse the whole catalog at Explore, or see today's palette.