Mustard Coast color palette — #FFF3E4 · #FBAD16 · #B27A00 · #724A00 · #342100
A conversation between Saffron and Mustard, giving this palette its sense of optimism and balance.
The five colors
- Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
- Saffron (#FBAD16): A luminous, vivid gold — the color of honey in a jar.
- Mustard (#B27A00): A luminous, balanced gold — the color of old brass.
- Bronze (#724A00): A full-bodied, balanced gold — the color of honey in a jar.
- Espresso (#342100): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Optimism, Balance. Tagged monochrome.
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
- Quiet Delta color palette (#FFE7F1, #E8A544, #BC7232, #86503E, #1A3E26)
- Ancient Marigold color palette (#FFF3E5, #E29932, #8F5900, #4D3400, #341D00)
- Washed Market color palette (#FFF3E3, #FFCB7C, #E29A00, #9D6B00, #372300)
- Mustard Studio color palette (#FEFAAA, #C6C500, #958B00, #575700, #2E2900)
- Ancient Amber Loft color palette (#FFF3E4, #FFD9AA, #C38500, #714A00, #221300)
- Hushed Coast color palette (#FFF2ED, #FFAD8A, #D65900, #8F3A00, #461000)
- Chartreuse Corridor color palette (#FFF3E6, #DBEEBD, #BAD263, #C8805D, #54401A)
- Hushed Coast color palette (#E3E2D1, #A4A100, #6C6500, #363500, #0D0D00)
Browse the whole catalog at Explore, or see today's palette.