Mustard Harbor color palette — #FFF3E7 · #F6CA77 · #C1A000 · #766D00 · #41481E

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

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Honey (#F6CA77): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Gold (#C1A000): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#766D00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#41481E): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Hushed Lime Study color palette (#DEFFE5, #EBDD86, #ABAC00, #5D7020, #1E4F49)
• Misty Bronze color palette (#FCE1B7, #C6A251, #8C7200, #655700, #2E4B26)
• Hushed Apricot color palette (#FFF0FA, #FFC0A1, #E9872A, #8C5D0D, #25432D)
• Mustard Studio color palette (#FFF2EC, #FFB566, #C6AE3A, #808F4F, #215752)
• Faded Mustard Study color palette (#FFE6A8, #C0B400, #818B00, #3D5900, #072C00)
• Patina Archive color palette (#EAFAF0, #BDE8D6, #AB9F61, #816638, #1E3731)
• Bronze Coast color palette (#EFDFC7, #9E8100, #5E5500, #232700, #010300)
• Pale Courtyard color palette (#EAFAF0, #E4D686, #B0B2FF, #9D8A00, #343458)

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