Ancient Mustard Harbor color palette — #FBF4E8 · #E3B41F · #0098A6 · #937300 · #04240F

Saffron and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF4E8): bright and airy, almost weightless.
• Saffron (#E3B41F): A luminous, balanced gold — the color of afternoon light on wheat.
• Cerulean (#0098A6): A luminous, balanced blue — the color of deep harbor water.
• Ochre (#937300): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#04240F): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged duotone.

Use it as a design system

One click turns Ancient 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 Loft color palette (#F7F6E8, #ADC864, #0091C9, #6A8300, #002419)
• Apricot Boulevard color palette (#FFF3E8, #FFA14F, #009F69, #AF6000, #182006)
• Linen Mustard Lagoon color palette (#F0EBDC, #B3A745, #008285, #6F6500, #011203)
• Feathered Study color palette (#EAFAEE, #FDD455, #00AA8E, #997A00, #000D0F)
• Hazy Lime Cabin color palette (#FFF3E9, #9BB61F, #00927D, #8C307B, #1D3E19)
• Clover Orchard color palette (#F8F5E8, #CADA5B, #00C76E, #97A500, #1A2003)
• Timeworn Lagoon Lagoon color palette (#F3F6EF, #A8DFC9, #9994C6, #4A9F81, #362A30)
• Emerald Orchard color palette (#FFEC9C, #9FCB6A, #00A056, #007265, #003C43)

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