Muted Coast color palette — #F7F3FA · #FFCEE4 · #B7BD83 · #D495B3 · #23312C

A conversation between Mauve and Pistachio, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F7F3FA): bright and airy, almost weightless.
• Shell Pink (#FFCEE4): A whisper-light, dusty rose — the color of a warm blush.
• Pistachio (#B7BD83): A luminous, dusty green — the color of a quiet forest floor.
• Mauve (#D495B3): A luminous, balanced rose — the color of a warm blush.
• Deep Forest (#23312C): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged duotone, 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

• Lilac Thicket color palette (#F4F4FD, #D9DAFF, #E4A59D, #B89DD7, #352933)
• Worn Quarry color palette (#FFF0F7, #EEAD91, #A4A76E, #559691, #363246)
• Worn Coral Chapel color palette (#F8F3F8, #E6DAD5, #DE9D7B, #DC7783, #291822)
• Hushed Courtyard color palette (#E9FAEE, #FABEC3, #CAA77F, #6B8FB6, #56404F)
• Tempered Taupe color palette (#FFF1F5, #FFCAC8, #E6AD87, #AF8F4D, #484800)
• Mint Bloom color palette (#FDF1F6, #FFC8A2, #5CC598, #D98D54, #0D292A)
• Worn Loft color palette (#FBF1FC, #FFB9C1, #92B800, #FE547A, #182100)
• Aged Atelier color palette (#FFF0F9, #E7D5D2, #DBCE8F, #B2CAD8, #593C47)

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