Muted Coast color palette — #FFF1F6 · #F8CF97 · #CDB751 · #979855 · #2C5149
Gold and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Wheat (#F8CF97): A whisper-light, balanced gold — the color of old brass.
- Gold (#CDB751): A luminous, balanced green — the color of a quiet forest floor.
- Moss (#979855): A luminous, balanced green — the color of fresh herbs.
- Charcoal (#2C5149): A full-bodied, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Optimism, Balance. Tagged 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
- Antique Mustard color palette (#DFFFE1, #FFE6B1, #C8B269, #8B8556, #345345)
- Washed Terrace color palette (#ECF9F3, #D8D9A2, #AAC7FF, #ADAD64, #3F4E64)
- Worn Driftwood color palette (#FFE3C5, #CEB17C, #9B8948, #66622A, #37352F)
- Dusty Apricot Meadow color palette (#FEF0FF, #FFBEB6, #EE9971, #B38153, #37533E)
- Aged Emerald Pier color palette (#F9E8CC, #E2BA00, #9BAF00, #4C9300, #004828)
- Hazy Mint Bloom color palette (#DBFFEC, #C5DCA0, #90CD7B, #61A283, #34595F)
- Weathered Moss color palette (#E7E8DA, #64AF00, #00973F, #00664A, #00201F)
- Bronze Coast color palette (#F6E3D1, #967300, #636100, #2F4300, #000900)
Browse the whole catalog at Explore, or see today's palette.