Muted Shell Garden color palette — #F3F4FF · #F9C1BC · #777A9C · #484A68 · #292A38

Oat and Slate set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Oat (#F9C1BC): A whisper-light, dusty orange — the color of toasted spice.
• Slate (#777A9C): A full-bodied, dusty violet — the color of wild irises.
• Charcoal Brown (#484A68): A full-bodied, dusty violet — the color of wild irises.
• Onyx (#292A38): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Muted Shell Garden 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

• Timeworn Cerulean color palette (#F1F6FC, #ADDEC5, #657FA5, #3D4E64, #232C37)
• Weathered Driftwood color palette (#FBF2F6, #E4D9D3, #8D7AB2, #5C3A49, #22181C)
• Worn Stone color palette (#FBF1FD, #EAB895, #946169, #4F3953, #261E28)
• Wandering Driftwood Meadow color palette (#F5F4FB, #E4C5EA, #CA8594, #A57AAE, #332A36)
• Worn Lantern color palette (#F3F4FF, #B39EDC, #C28B8A, #4A8495, #3A3C4D)
• Hushed Field color palette (#FFF1F7, #EAA8C1, #BA8183, #806C3D, #4F4254)
• Dusty Ash color palette (#FAF3F7, #CDE8BA, #9798CE, #7D6473, #30292D)
• Tempered Pewter color palette (#F8F2FF, #EFC0D6, #C58C9D, #A15965, #743131)

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