Tempered Shell color palette — #FFF2F0 · #FFAAB9 · #D48683 · #A36E60 · #57504C
Ballet Pink takes the lead with Dusty Rose close behind in a set that reads as warmth and comfort at first glance.
The five colors
- Ivory (#FFF2F0): a clean, paper-quiet neutral.
- Ballet Pink (#FFAAB9): A whisper-light, balanced red — the color of a theater curtain.
- Dusty Rose (#D48683): A luminous, balanced orange — the color of sun-warmed clay.
- Mocha (#A36E60): A full-bodied, dusty orange — the color of sun-warmed clay.
- Charcoal Brown (#57504C): a grounded near-black with real depth.
Feels like: 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
- Hushed Amber color palette (#F8F2FF, #F6BFD0, #EC9B95, #C57A5E, #674656)
- Muted Dune color palette (#FFF2EA, #F5B37F, #C18E56, #897147, #4F4C45)
- Mallow Field color palette (#FFF0F5, #E8AFF4, #BD82B5, #92647C, #624541)
- Cocoa Balcony color palette (#FFF2EB, #FFC7B4, #D19174, #8A5A45, #5E2C00)
- Dusty Apricot color palette (#FFF2EC, #EF9780, #78B58D, #8790B8, #48413D)
- Worn Ember color palette (#FFDDDE, #FF8D7C, #E75700, #904B00, #5E3600)
- Patina Ridge color palette (#FFF2EB, #DFDBCD, #9EBCD0, #BE988E, #794512)
- Weathered Alley color palette (#F4DDD8, #FF6924, #B75B00, #764500, #3B2800)
Browse the whole catalog at Explore, or see today's palette.