Tempered Shell color palette — #FFF2EC · #FFA99D · #ADB577 · #8C78A0 · #37302D

Melon and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Melon (#FFA99D): A luminous, balanced orange — the color of toasted spice.
• Sage (#ADB577): A luminous, balanced green — the color of new leaves after rain.
• Slate Blue (#8C78A0): A luminous, dusty violet — the color of twilight just after sunset.
• Espresso (#37302D): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged 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

• Shell Dune color palette (#FFF2ED, #FFA8A4, #B8B171, #728A66, #37302D)
• Mallow Summit color palette (#FFF1F2, #F8A3DF, #D0A57E, #6984A9, #3C2D2E)
• Tempered Mustard Field color palette (#FFF3E3, #EEB95B, #80BE9F, #A2756F, #35312B)
• Shell Meadow color palette (#FFF2ED, #FCAA9E, #85C5B9, #75A0BD, #642909)
• Timeworn Honey color palette (#FBF4EB, #FEBE67, #8DA371, #885A76, #5C2700)
• Softworn Marigold Alley color palette (#FCF4EB, #E4A768, #709C66, #556C4A, #2A1F19)
• Aged Stone color palette (#FFF3E6, #DDDDC5, #C6AE71, #7E7135, #3E3E00)
• Patina Market color palette (#FBF4EE, #DCDBD0, #A6B8B9, #96A287, #524C47)

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