Muted Coast color palette — #FFF1F3 · #FFD0F8 · #D293BF · #A06A88 · #66413E

Mauve and Mocha set the tone — five colors that lean into creativity and warmth.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Thistle (#FFD0F8): A whisper-light, dusty pink — the color of a candy shop window.
• Mauve (#D293BF): A luminous, balanced pink — the color of neon signs at night.
• Mocha (#A06A88): A full-bodied, dusty rose — the color of pressed rose petals.
• Cocoa (#66413E): A full-bodied, dusty orange — the color of sun-warmed clay.

Feels like: Creativity, Warmth, Comfort, Sophistication. Tagged light, muted, warm.

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

• Patina Cocoa color palette (#FFF2F0, #F1D4CD, #DD959F, #AA7073, #7E4025)
• Tempered Canyon color palette (#FFF0FA, #E1D9E6, #B0A5E6, #897AAA, #6A4654)
• Washed Peony Atelier color palette (#E7E9FF, #D5ADE2, #BC6BA1, #7C4158, #442F45)
• Muted Stone color palette (#FFF2F0, #E7D8D6, #E19FB4, #8D5366, #401B18)
• Hushed Pewter color palette (#FFF2EF, #E1D8CF, #A9B6B1, #5F6A84, #654E49)
• Quiet Workshop color palette (#FFE1EB, #FE7FA6, #D23E62, #860725, #4B0206)
• Wandering Shell Chapel color palette (#FFF2F0, #FFB2CC, #E4AE7D, #A29BC9, #4A312E)
• Coral Courtyard color palette (#FFF1F3, #FFA6AD, #DB6B69, #8E352A, #521E12)

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