Mustard Harbor color palette — #E3F4E5 · #F4B109 · #6EB5FF · #BB8700 · #12375A

Saffron and Mustard set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#E3F4E5): A whisper-light, dusty green — the color of fresh herbs.
• Saffron (#F4B109): A luminous, vivid gold — the color of honey in a jar.
• Cornflower (#6EB5FF): A luminous, balanced blue — the color of deep harbor water.
• Mustard (#BB8700): A luminous, balanced gold — the color of old brass.
• Navy (#12375A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

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

• Amber Canyon color palette (#FFE6F4, #FFA57B, #71B5FF, #D17548, #13375C)
• Soft Sunflower Atelier color palette (#E4FCF0, #D5D263, #A1BCFF, #A5A35A, #304262)
• Powdered Marigold color palette (#FEEBD3, #DE9800, #5499E1, #986600, #173757)
• Airy Sunflower Corridor color palette (#DFF5E8, #EAD457, #A888E7, #A49226, #3A2D52)
• Softworn Apricot Grove color palette (#ECE1C0, #76CAFF, #FE9C41, #5D454F, #261E21)
• Mustard Villa color palette (#E9FBEA, #EDB358, #3EBEA2, #9D6B00, #003026)
• Iris Villa color palette (#FFD9E4, #FFB250, #B68FD7, #7B84E7, #3F202B)
• Tempered Amber color palette (#DAEFD8, #CFC382, #C49357, #9C6C5F, #193730)

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