Mustard Harbor color palette — #FFEFE3 · #FFC899 · #F0AF00 · #C85C3D · #553214

A conversation between Saffron and Terracotta, giving this palette its sense of optimism and warmth.

The five colors

• Cream (#FFEFE3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Wheat (#FFC899): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Saffron (#F0AF00): A luminous, vivid gold — the color of old brass.
• Terracotta (#C85C3D): A luminous, balanced orange — the color of sun-warmed clay.
• Cocoa (#553214): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged pastel, light, 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

• Crimson Study color palette (#FFEEE7, #FFD2C3, #FE9E45, #C64557, #572314)
• Chalky Mustard color palette (#FFF3E4, #F0D183, #C0BC00, #B66A00, #493605)
• Faded Honey Corridor color palette (#FFF0FA, #FFD8BB, #F5C51D, #F17387, #572600)
• Muted Moss color palette (#FFF1EE, #FFBB69, #A7AA00, #943064, #502705)
• Softworn Marigold color palette (#F5E1CA, #DB9F00, #7B5100, #402800, #190C00)
• Oat Lagoon color palette (#FFF4DB, #C6E8C2, #B2D28D, #A3833F, #3E3C35)
• Frosted Lime color palette (#FFE5EC, #96C400, #DD9300, #3F2700, #201608)
• Pale Bronze Station color palette (#FFE7D2, #BB9659, #9F8500, #733400, #130800)

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