Mustard Ridge color palette — #FCF0E3 · #CCB067 · #77490B · #342310 · #130B04

Gold and Bronze set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#FCF0E3): A whisper-light, dusty gold — the color of old brass.
• Gold (#CCB067): A luminous, balanced gold — the color of afternoon light on wheat.
• Bronze (#77490B): A full-bodied, balanced gold — the color of old brass.
• Espresso (#342310): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#130B04): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Worn Station color palette (#F4F2E9, #DEBE88, #666439, #33312A, #16140D)
• Marigold Harbor color palette (#F8F0E8, #E0A75B, #00896D, #895900, #0A1105)
• Softworn Archive color palette (#F4F4D8, #E29500, #355800, #152600, #090800)
• Amber Pier color palette (#E8E1D4, #BD8B00, #4B3D00, #1C1500, #040200)
• Eclipse Studio color palette (#EADCCA, #826200, #2F383C, #2A1B00, #050200)
• Pale Moss Station color palette (#FFEFDF, #AC9F16, #187E56, #543966, #262309)
• Mustard Coast color palette (#FFE5BB, #B9B952, #57863A, #005B40, #002B29)
• Amber Pier color palette (#FFEFDC, #B57700, #5973B0, #3D507E, #22180B)

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