Muted Shell color palette — #FEF2F3 · #F9C3AE · #9D6F74 · #614447 · #352728

Wheat and Mocha set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FEF2F3): a clean, paper-quiet neutral.
• Wheat (#F9C3AE): A whisper-light, dusty orange — the color of toasted spice.
• Mocha (#9D6F74): A full-bodied, dusty red — the color of embers at dusk.
• Cocoa (#614447): A full-bodied, dusty red — the color of embers at dusk.
• Onyx (#352728): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, warm.

Use it as a design system

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

• Honey Boulevard color palette (#FFF2EC, #F1B779, #A25B4A, #48413D, #2C1E17)
• Wandering Lagoon color palette (#FFF1F4, #FFBFC0, #CC877D, #996554, #6D371B)
• Washed Petal Harbor color palette (#FCF2F2, #FFB8DE, #CB877C, #AF7996, #332C29)
• Antique Garden color palette (#FAF3F6, #BBF1EB, #A37789, #4B3E62, #22181C)
• Softworn Field color palette (#FEF1F4, #D3BD91, #705177, #493136, #2B221F)
• Wandering Basin color palette (#FFF1F3, #CB83C5, #AE7559, #507094, #3F3036)
• Linen Plum Garden color palette (#FFF2F0, #FFA062, #A73C6C, #5C243C, #2B1210)
• Muted Market color palette (#FCF3F1, #E2D9D0, #B3B2A4, #BB8F89, #58504F)

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