Tempered Shell color palette — #FFF1F1 · #FFD1D9 · #FFB29A · #9B7AA6 · #523937

Melon and Heather set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Shell Pink (#FFD1D9): A whisper-light, dusty red — the color of late-summer berries.
• Melon (#FFB29A): A whisper-light, balanced orange — the color of autumn markets.
• Heather (#9B7AA6): A luminous, dusty pink — the color of peonies in June.
• Cocoa (#523937): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Creativity, 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 Cabin color palette (#FFF1F7, #F2D6FF, #F7A7CA, #747FAE, #4D333C)
• Patina Peony Balcony color palette (#F9F2FF, #E9DBD8, #CBBCA2, #B971A8, #483251)
• Dusty Apricot color palette (#FFF1F2, #F5D3C7, #DA9973, #746392, #54302A)
• Ancient Cocoa color palette (#FFF2EF, #E5D7CB, #DBC896, #B78DAB, #73351E)
• Softworn Mustard color palette (#FFF0EE, #FFC7A9, #E2B137, #BA5E75, #552413)
• Weathered Apricot Grove color palette (#FCE2D2, #DAA071, #AB6F55, #814944, #342F2A)
• Wandering Mustard color palette (#FFF2EA, #FFE29E, #C5CC79, #C37967, #45403A)
• Mulberry Veranda color palette (#FFD4D0, #FFA2A8, #D3885F, #8E4A85, #391610)

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