Mustard Harbor color palette — #F5D9FF · #8BDEFF · #F0B23D · #4B4B43 · #3B3630

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

The five colors

• Thistle (#F5D9FF): A whisper-light, dusty pink — the color of peonies in June.
• Ice Blue (#8BDEFF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Saffron (#F0B23D): A luminous, balanced gold — the color of old brass.
• Charcoal Brown (#4B4B43): quiet, heavy and certain.
• Charcoal (#3B3630): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged neon, dark, vibrant, 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

• Glacier Parlor color palette (#E4E0FF, #4BEAF3, #FFA47C, #45423B, #352C26)
• Sunlit Mustard Studio color palette (#F0DCFF, #ABD6FF, #C9C500, #3F520A, #3A362B)
• Worn Sand Balcony color palette (#FFD7F2, #BAE2FF, #FFC88A, #726166, #3D3437)
• Antique Chartreuse color palette (#FFDBD2, #39F9CC, #CDD600, #4B4942, #37352F)
• Timeworn Mustard color palette (#E8DAE4, #AAB3FF, #BCAA00, #2A3D1B, #2A230F)
• Weathered Fern color palette (#F8F5ED, #D5BC9A, #626034, #3B3832, #24281B)
• Worn Olive Harbor color palette (#F7F5EF, #C6C391, #3589A0, #777000, #203328)
• Hushed Mint Garden color palette (#FFD5FA, #EFBAFE, #6DD981, #364C39, #313329)

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