Muted Coast color palette — #FFF1F3 · #E3D8D1 · #BFACD8 · #9BB3A0 · #5B4142

Mauve and Sage set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Bone (#E3D8D1): bright and airy, almost weightless.
• Mauve (#BFACD8): A luminous, dusty violet — the color of twilight just after sunset.
• Sage (#9BB3A0): A luminous, dusty teal — the color of shallow lagoons.
• Cocoa (#5B4142): A full-bodied, dusty red — the color of a theater curtain.

Feels like: Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

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

• Washed Periwinkle color palette (#F4F4FF, #EAD7DF, #B0BFB6, #909FD7, #493A55)
• Tempered Orchard color palette (#FFF2EE, #FC98A6, #75BFA2, #4D9BBA, #462B24)
• Ancient Basalt color palette (#FFF2EB, #EEC8AA, #D69D89, #AD7876, #573400)
• Wisteria Atelier color palette (#FFF0F7, #F4D3C5, #E9BF81, #D481D3, #582433)
• Patina Blush color palette (#FFF0E8, #EBDAB0, #BCCA8B, #D97F8C, #38322E)
• Aged Taupe color palette (#FFF2EF, #E9D3A4, #B98490, #81545F, #2E1C19)
• Tempered Sunflower color palette (#D4E6E6, #E4D33D, #FFAAC8, #705451, #312826)
• Shell Workshop color palette (#F3EFFF, #E4D2DD, #FFB6B0, #8D7AA8, #302838)

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