Mustard Coast color palette — #FCF5E3 · #C1B048 · #5E5600 · #2F2B1F · #120F0B

Gold and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FCF5E3): A whisper-light, dusty gold — the color of old brass.
• Gold (#C1B048): A luminous, balanced green — the color of fresh herbs.
• Olive (#5E5600): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#2F2B1F): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#120F0B): quiet, heavy and certain.

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

• Timeworn Grove color palette (#FFF2E9, #F19458, #734B00, #332921, #130E0B)
• Mint Loft color palette (#F4F7E8, #6BC67B, #4D5943, #2A2C22, #10100B)
• Wandering Archive color palette (#FAF7D8, #82A000, #1F4624, #191600, #020100)
• Softworn Villa color palette (#E6F0EA, #8F8448, #2B403C, #102319, #110A0C)
• Inked Forest Pier color palette (#DDE6C9, #007340, #2D363B, #001713, #010100)
• Olive Harbor color palette (#E8E9C0, #4E8900, #002D19, #081111, #040400)
• Linen Seafoam Drift color palette (#F5F8DD, #9CE094, #9FBBEE, #CE8F8C, #393C00)
• Hushed Pier color palette (#FFF5DA, #E0EB98, #A0BE7D, #6A8D65, #464941)

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