Mustard Coast color palette — #FFF4DD · #C9C67A · #648C57 · #2C674D · #044D60

Pistachio and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF4DD): A whisper-light, dusty gold — the color of old brass.
• Pistachio (#C9C67A): A luminous, balanced green — the color of fresh herbs.
• Fern (#648C57): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#2C674D): A full-bodied, dusty teal — the color of glacier melt.
• Peacock (#044D60): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged muted.

Use it as a design system

One click turns Mustard 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

• Softworn Cypress color palette (#FFF3E8, #D8CB9B, #8DA474, #36826A, #00515D)
• Feathered Dune color palette (#E5FFD2, #8FCEA5, #389386, #156776, #184B70)
• Sunlit Emerald Courtyard color palette (#DCFFEB, #B9E9D9, #9EC995, #4AA46E, #005244)
• Apricot Lagoon color palette (#FFF2EB, #E8AE7A, #9F8241, #5E6227, #1E5329)
• Weathered Lagoon Grove color palette (#D7E5D5, #009973, #005251, #002834, #001428)
• Timeworn Market color palette (#F8F5ED, #D6DDD4, #9FAFB4, #987F38, #55524C)
• Pale Jade Atelier color palette (#D2EEA1, #42B677, #007B6C, #004D55, #1F2E52)
• Timeworn Archive color palette (#FFF3E7, #B0AC5A, #4E846C, #744C58, #4F4900)

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