Tempered Shell color palette — #FFF2EB · #FFAC96 · #64C2CB · #B47C6D · #3D5441

Melon and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Melon (#FFAC96): A luminous, balanced orange — the color of toasted spice.
• Cyan (#64C2CB): A luminous, balanced blue — the color of deep harbor water.
• Caramel (#B47C6D): A luminous, dusty orange — the color of toasted spice.
• Charcoal Brown (#3D5441): A full-bodied, dusty green — the color of new leaves after rain.

Feels like: Trust, Stability, Sophistication. 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

• Hushed Lagoon color palette (#FEF3E9, #F7B47C, #86B5EC, #B18058, #59455B)
• Mallow Chapel color palette (#FFF1F1, #F7A8D6, #74C4A1, #B4759A, #4B4E47)
• Patina Drift color palette (#FFF2EB, #D5A38F, #5DA7AB, #A15E44, #36563B)
• Softworn Grove color palette (#FCF1F9, #F1D8C2, #89DAED, #D97D6B, #264C5C)
• Washed Atelier color palette (#FFF2ED, #DFDDCD, #B6C0CC, #BE9791, #7A4315)
• Patina Bronze Studio color palette (#FBF5E6, #D2CCA4, #A59C6E, #976A2F, #484C00)
• Faded Alley color palette (#FFF3E9, #FFA86D, #00A7E5, #9F4F00, #00405B)
• Hushed Cocoa color palette (#FAF4ED, #E6CF96, #957753, #6B4300, #302A23)

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