Tempered Shell color palette — #FFF2EC · #FFB7AC · #74A882 · #5F6698 · #4C2C41

Rose Quartz and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Rose Quartz (#FFB7AC): A whisper-light, balanced orange — the color of toasted spice.
• Jade (#74A882): A luminous, dusty teal — the color of glacier melt.
• Slate (#5F6698): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal (#4C2C41): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, 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 Workshop color palette (#FEF2F0, #F6B7CC, #8EA36D, #476E94, #1A3B58)
• Muted Hollow color palette (#FBF4E8, #DDCB8D, #6BA2BE, #6A648E, #502D2E)
• Ancient Powder Quarry color palette (#FBF3EF, #C2E0EA, #B0C2F1, #829A76, #584757)
• Wandering Cerulean color palette (#EEF8F3, #C8CB9D, #80B899, #3296A4, #2C4461)
• Softworn Driftwood color palette (#FFF2ED, #DFDDCD, #C4C1A7, #9B8291, #5F4A57)
• Cerulean Terrace color palette (#FCF4E4, #CEBB6B, #3395C0, #834269, #411C33)
• Dusty Coral Coast color palette (#FAF2F9, #CF7E7D, #4B7F4D, #405183, #3C3F60)
• Pale Apricot color palette (#FFF3E7, #F79221, #009095, #4141A2, #340447)

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