Tempered Shell color palette — #FEF1F6 · #DFC9FC · #FFB196 · #B599D9 · #534B47
Built around Melon, softened by Mauve — the whole palette hums with creativity and sophistication.
The five colors
- Ivory (#FEF1F6): a clean, paper-quiet neutral.
- Thistle (#DFC9FC): A whisper-light, dusty violet — the color of wild irises.
- Melon (#FFB196): A whisper-light, balanced orange — the color of toasted spice.
- Mauve (#B599D9): A luminous, balanced violet — the color of wild irises.
- Charcoal Brown (#534B47): quiet, heavy and certain.
Feels like: Creativity, Sophistication, Softness, Clarity. Tagged 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
- Softworn Apricot color palette (#FFF1F4, #E2B3F3, #FF9F9A, #8BB2DE, #523B41)
- Sand Loft color palette (#F3F4FF, #EDD2EA, #DDCC85, #A08FC4, #2F4E3C)
- Aged Powder color palette (#FFF1F2, #FCBFE9, #8CCFFF, #CE92BB, #2D564A)
- Wandering Dune color palette (#FFF1F6, #E4D7D3, #BBB5E0, #A6B1A2, #604E53)
- Wandering Mustard Chapel color palette (#FFF1F7, #C9BBEF, #C0B35D, #9280C0, #504D46)
- Muted Seafoam color palette (#FDF1FD, #B7D8FF, #7DDFA8, #81ACDE, #4C4E47)
- Aged Pier color palette (#FEF2F1, #FFD3BF, #C38AA9, #846363, #342828)
- Quiet Magenta color palette (#FFF1F4, #F2A2FF, #FE9B42, #CF62E1, #592E00)
Browse the whole catalog at Explore, or see today's palette.