Tempered Shell Ridge color palette — #F7F3FF · #F7D4CD · #FDAB9C · #A17DB3 · #453A4E

Melon takes the lead with Dusty Rose close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#F7F3FF): a clean, paper-quiet neutral.
• Shell Pink (#F7D4CD): A whisper-light, dusty orange — the color of toasted spice.
• Melon (#FDAB9C): A luminous, balanced orange — the color of autumn markets.
• Dusty Rose (#A17DB3): A luminous, balanced violet — the color of wild irises.
• Charcoal (#453A4E): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Sophistication. Tagged pastel, light, muted.

Use it as a design system

One click turns Tempered Shell Ridge 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 Loft color palette (#F3F4FF, #FBD4FB, #FFAFCB, #767FBA, #3E3B57)
• Dusty Balcony color palette (#FFF1F1, #E6D7D5, #C6B7A1, #A57A9E, #512F2E)
• Lichen Garden color palette (#FFF0FB, #E6EEB7, #E7D7D6, #C18E98, #5E4F58)
• Tempered Apricot color palette (#F4F4FF, #FFC4D5, #D3A26F, #60638F, #4B3D55)
• Dusty Mustard color palette (#FFF0FE, #FFD4BF, #F7B114, #B74D77, #5E221B)
• Worn Meadow color palette (#FFF0F7, #E4E6CB, #CFD366, #D4716A, #593642)
• Tangerine Bloom color palette (#E8D5FB, #EEA9B2, #F77C42, #8B4790, #3E1828)
• Bronze Market color palette (#F9DFED, #D3A379, #B76940, #84473E, #233624)

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