Tempered Shell color palette — #FFF0FE · #F5CFD4 · #D2B5C2 · #B1918D · #5E4B45
A conversation between Shell Pink and Dusty Rose, giving this palette its sense of sophistication and softness.
The five colors
- Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
- Shell Pink (#F5CFD4): A whisper-light, dusty red — the color of embers at dusk.
- Rosewood Mist (#D2B5C2): A luminous, dusty rose — the color of a warm blush.
- Dusty Rose (#B1918D): A luminous, dusty orange — the color of autumn markets.
- Charcoal Brown (#5E4B45): A full-bodied, dusty orange — the color of autumn markets.
Feels like: Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.
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 Cocoa Basin color palette (#FEE0EA, #D7B4DC, #C795B3, #A37E65, #603800)
- Coral Quarry color palette (#F4DFE7, #F0AAB5, #E3786E, #957B1E, #3F4115)
- Hushed Fern color palette (#EAF7DF, #BBD1C5, #A8909B, #6A6518, #4C4800)
- Aged Market color palette (#F7E7FC, #C98FBA, #B1718C, #825129, #392400)
- Powder Cabin color palette (#FFF0FE, #BED2FF, #9DAFFF, #868AC0, #624655)
- Dusty Powder color palette (#F5F6EF, #BEE0ED, #A6C2EF, #70AEB6, #325247)
- Stone Harbor color palette (#FFF1F6, #D1BBF6, #F8A1B1, #7EB7D9, #4F3C44)
- Worn Canyon color palette (#FBF2F9, #C6D3FF, #65E0C3, #90A4EC, #435338)
Browse the whole catalog at Explore, or see today's palette.