Tempered Shell color palette — #FFF2EC · #F9AEA4 · #A6BB7D · #B57B73 · #4E4D46
A conversation between Rose Quartz and Sage, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Rose Quartz (#F9AEA4): A luminous, balanced orange — the color of sun-warmed clay.
- Sage (#A6BB7D): A luminous, balanced green — the color of fresh herbs.
- Caramel (#B57B73): A luminous, dusty orange — the color of autumn markets.
- Charcoal Brown (#4E4D46): quiet, heavy and certain.
Feels like: Nature, Growth, 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
- Tempered Honey Grove color palette (#FFF3E5, #E9BB81, #74C4A8, #AE834A, #4B4E48)
- Antique Coral color palette (#FFF2EC, #F69180, #B3A56A, #A983AB, #48413D)
- Tempered Stone Basin color palette (#FFF2EA, #F8B28D, #C5A0DB, #B37E63, #60444C)
- Antique Bronze Terrace color palette (#FFF2ED, #D89F9D, #52A7B2, #A15C5A, #35563E)
- Hushed Parlor color palette (#FFF2EC, #DFDACD, #93BDBA, #B9988C, #773F14)
- Cocoa Studio color palette (#FCF3EA, #EDCC96, #9A754E, #6D4200, #312A23)
- Mallow Chapel color palette (#FFF1F1, #F3ABD0, #86B6E7, #AF7995, #32554D)
- Coral Canyon color palette (#FBF2FA, #FCC5C2, #7ED9DA, #F08482, #2B545F)
Browse the whole catalog at Explore, or see today's palette.