Mustard Harbor color palette — #FFF2EB · #BDA000 · #7C2800 · #461300 · #26160C

Built around Gold, softened by Rust — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Gold (#BDA000): A luminous, balanced green — the color of fresh herbs.
• Rust (#7C2800): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#461300): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#26160C): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Balance. Tagged luxury, dark.

Use it as a design system

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

• Patina Marigold Meadow color palette (#FEF4DF, #CE9700, #554700, #2E2600, #131604)
• Linen Rust color palette (#FFF0FA, #C1C156, #AC4223, #5D291B, #261321)
• Amber Terrace color palette (#F0D9C7, #A88900, #552700, #270E00, #090500)
• Airy Moss Ridge color palette (#FFF1F1, #A7A900, #7B1759, #3E152E, #241106)
• Frosted Amber color palette (#FFF0F8, #F3C86C, #CE7140, #943E00, #27131F)
• Tangerine Lantern color palette (#FFF2EA, #F87818, #007754, #893C00, #182009)
• Weathered Stone color palette (#F6F6EA, #E2B881, #50663A, #393932, #222720)
• Ember Lagoon color palette (#FFF2EA, #D36122, #0056A1, #3D3580, #44200F)

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