Mustard Coast color palette — #ECF9F0 · #FFDEAF · #D2B536 · #8F9D2B · #214635
Gold and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#ECF9F0): bright and airy, almost weightless.
- Peach Cream (#FFDEAF): A whisper-light, dusty gold — the color of honey in a jar.
- Gold (#D2B536): A luminous, balanced green — the color of a quiet forest floor.
- Moss (#8F9D2B): A luminous, balanced green — the color of new leaves after rain.
- Forest (#214635): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.
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
- Amber Field color palette (#FFF1F6, #FFD7C5, #E8A661, #B58A00, #50350F)
- Ancient Parlor color palette (#FEF4E4, #EAD8C5, #FEC73C, #61B773, #403E37)
- Celadon Harbor color palette (#EAF9F4, #ECEEB2, #BBDA8A, #5FA773, #255149)
- Dusty Olive color palette (#DAFFF1, #D7BB00, #9BA700, #277C00, #202B00)
- Tempered Ridge color palette (#E8F6EC, #FFC6AF, #E1B500, #43A46B, #08281D)
- Dusty Grove color palette (#BCEDD8, #A5B670, #61852F, #366708, #2B4C24)
- Olive Grove color palette (#E5FBF6, #82AE71, #4093BD, #327800, #004866)
- Powdered Amber color palette (#CEF0DF, #B58900, #727100, #3D5800, #070900)
Browse the whole catalog at Explore, or see today's palette.