Mustard Harbor color palette — #FEF4E4 · #E9AE00 · #4FAC84 · #AB6A78 · #3A291B

Saffron and Jade set the tone — five colors that lean into optimism and balance.

The five colors

• Cream (#FEF4E4): A whisper-light, dusty gold — the color of honey in a jar.
• Saffron (#E9AE00): A luminous, vivid gold — the color of afternoon light on wheat.
• Jade (#4FAC84): A luminous, balanced teal — the color of sea glass.
• Mocha (#AB6A78): A full-bodied, balanced red — the color of embers at dusk.
• Espresso (#3A291B): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Balance. Tagged jewel, vibrant.

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

• Ancient Lime color palette (#F7F6E7, #A7CC6F, #60B5BA, #AF7E69, #39352F)
• Apricot Workshop color palette (#FFF2EB, #FF9974, #9DA955, #916B97, #39221D)
• Frosted Mustard Studio color palette (#FBF4E8, #DBB200, #22B28B, #208F9C, #382A1F)
• Dusty Mustard Pier color palette (#FEF4E2, #DBB343, #C67EBC, #AE6F78, #37281A)
• Tempered Rust Bloom color palette (#F8ECC7, #B2A600, #009A8E, #C03733, #231400)
• Hazy Hollow color palette (#FDF4E5, #B19B00, #5C77B8, #475D92, #39221E)
• Antique Quarry color palette (#EBF9EF, #BBA143, #228CB0, #6D4886, #210F1E)
• Frosted Apricot Corridor color palette (#FFF2EB, #FF8E6C, #8F92EC, #906A9C, #3C2723)

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