Mustard Harbor color palette — #EEDBBF · #F5B730 · #7084EA · #A77900 · #1D2450

Built around Saffron, softened by Lavender Blue — the whole palette hums with optimism and creativity.

The five colors

• Bone (#EEDBBF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Saffron (#F5B730): A luminous, balanced gold — the color of old brass.
• Lavender Blue (#7084EA): A luminous, balanced violet — the color of a velvet chair.
• Ochre (#A77900): A luminous, balanced gold — the color of afternoon light on wheat.
• Deep Indigo (#1D2450): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Optimism, Creativity, 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

• Airy Garden color palette (#F8EDD9, #E1BB28, #A6A4FF, #AD8E00, #312E5C)
• Aged Bloom color palette (#E7E2D2, #BCB52D, #825DE3, #797400, #1E0A43)
• Azure Workshop color palette (#F3D9C2, #FFAD6D, #06B0EB, #A55800, #002D40)
• Sunlit Sapphire Canyon color palette (#C8E7CF, #CFA228, #346DE5, #7C5E00, #0B245B)
• Wisteria Cabin color palette (#E6DEC4, #CFC930, #C979F5, #777300, #371948)
• Indigo Basin color palette (#EFE6D0, #DCB235, #B07DD3, #6F72DA, #2B1C00)
• Frosted Sapphire Parlor color palette (#DBEFE0, #9C7A00, #2B64CF, #584300, #000C39)
• Aged Lagoon color palette (#FFF4E0, #D0A400, #00A89D, #7B5F00, #001D1B)

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