Mustard Coast color palette — #F9D8B1 · #D7B52A · #C98400 · #A55A34 · #282C00
Built around Gold, softened by Mustard — the whole palette hums with nature and growth.
The five colors
- Peach Cream (#F9D8B1): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Gold (#D7B52A): A luminous, balanced green — the color of fresh herbs.
- Mustard (#C98400): A luminous, balanced gold — the color of old brass.
- Ochre (#A55A34): A full-bodied, balanced orange — the color of sun-warmed clay.
- Deep Forest (#282C00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.
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 Basin color palette (#FBD8A7, #CE9C1D, #9F6C00, #764500, #332800)
- Dusty Amber Veranda color palette (#F9D1E4, #F3A600, #E07200, #AB5349, #312900)
- Timeworn Lime color palette (#E5E1AE, #9CCB2C, #A49700, #94670C, #053210)
- Worn Bronze color palette (#FFF3E5, #CABC6B, #AC6F00, #842C11, #111D00)
- Mustard Basin color palette (#FCDEEE, #EAB67D, #CC8C6D, #9F6968, #1E3727)
- Chartreuse Pier color palette (#CFFAE4, #AFD969, #B1A836, #9A7A44, #003F3B)
- Wandering Chestnut Pier color palette (#F6E4CD, #A68A3F, #7C5100, #552900, #151300)
- Quiet Courtyard color palette (#F3EFFF, #FF98F2, #DF7F00, #D749CA, #1E0C00)
Browse the whole catalog at Explore, or see today's palette.