Tempered Shell color palette — #FFF2EB · #E6DAD5 · #FFB199 · #B0935A · #4F4843

Melon and Caramel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#E6DAD5): bright and airy, almost weightless.
• Melon (#FFB199): A whisper-light, balanced orange — the color of autumn markets.
• Caramel (#B0935A): A luminous, balanced gold — the color of honey in a jar.
• Charcoal Brown (#4F4843): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, 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

• Muted Shell Basin color palette (#FFF1F0, #EECFCC, #FAB2D2, #C79484, #593C35)
• Stone Lagoon color palette (#FFF2EB, #D8B99B, #988D72, #5F7567, #3C5458)
• Sand Summit color palette (#FEF4E3, #E0DBCD, #EAD07C, #8AA36A, #4B4942)
• Antique Basin color palette (#FBEFE8, #E1CFC4, #C5C285, #A7944D, #392616)
• Worn Drift color palette (#FDF4E6, #D2A958, #739BD2, #876F40, #5A455A)
• Timeworn Marigold color palette (#FFF4E1, #FFB389, #CEA000, #5C7D1E, #382C0B)
• Softworn Honey Loft color palette (#FDF1F8, #E5DAD4, #FFB96D, #99BBCA, #5A3A4B)
• Weathered Bronze color palette (#EFEBD6, #AC7F00, #6C7A00, #005D3E, #050D00)

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