Mustard Harbor color palette — #FFF2EB · #E6DAD5 · #EDB309 · #B6B5A9 · #512C00

Built around Saffron, softened by Espresso — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#E6DAD5): bright and airy, almost weightless.
• Saffron (#EDB309): A luminous, vivid gold — the color of honey in a jar.
• Ash (#B6B5A9): soft and architectural.
• Espresso (#512C00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, muted.

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

• Washed Cabin color palette (#FEF3E6, #E3DBD1, #B5C52E, #B0BAAA, #39352F)
• Muted Apricot color palette (#FFF2EE, #E4D1CC, #FF965B, #A9B4A5, #4B221F)
• Pale Basin color palette (#FFF4DD, #F8D923, #D4D9CB, #73CE00, #322E00)
• Apricot Pier color palette (#FFF0F9, #FFCBD8, #FFA786, #9F7E39, #4C3240)
• Timeworn Abyss Summit color palette (#FFF2EB, #E4DCBB, #C6B795, #678471, #27594D)
• Patina Amber Studio color palette (#FFF2E9, #FFCD9E, #CD9127, #886B00, #453F00)
• Wandering Apricot Boulevard color palette (#FFEBF7, #FFC4F4, #F69A6C, #79904E, #1A2C18)
• Hushed Studio color palette (#FFF2EA, #D58862, #623D00, #2B1A0E, #0A0402)

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