Muted Coast color palette — #F3E1F9 · #B59000 · #007F52 · #00190D · #020300

Mustard takes the lead with Teal close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F3E1F9): A whisper-light, dusty pink — the color of a candy shop window.
• Mustard (#B59000): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#007F52): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#00190D): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#020300): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged neon, dark, vibrant, 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

• Antique Market color palette (#F7E7ED, #CF8100, #008654, #00331D, #000303)
• Worn Alley color palette (#EDE6F9, #EB6900, #697100, #051206, #030200)
• Peony Archive color palette (#E8ECCD, #F30093, #009186, #031800, #000200)
• Timeworn Magenta color palette (#FCE9CC, #E92EE1, #007632, #00110E, #020200)
• Worn Denim Harbor color palette (#DFECE7, #C4ABBF, #AA8B99, #005982, #021912)
• Worn Violet color palette (#EFE4D2, #0098A0, #9361EB, #070C0F, #000102)
• Worn Ember color palette (#DBF2E6, #D05B00, #003E51, #00121A, #000201)
• Weathered Cobalt color palette (#F4DACF, #00C09E, #007FC6, #002037, #000D08)

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