Mustard Harbor color palette — #EDF6FF · #8CCDFF · #FDB033 · #0094E3 · #513300

Built around Saffron, softened by Azure — the whole palette hums with trust and stability.

The five colors

• Ivory (#EDF6FF): bright and airy, almost weightless.
• Sky (#8CCDFF): A whisper-light, balanced blue — the color of open sky before noon.
• Saffron (#FDB033): A luminous, balanced gold — the color of afternoon light on wheat.
• Azure (#0094E3): A luminous, balanced blue — the color of deep harbor water.
• Espresso (#513300): A deep, shadowed, dusty gold — the color of old brass.

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

• Airy Cobalt color palette (#E3F0FF, #93C2FF, #C6C04D, #4888D9, #3A3700)
• Amber Atelier color palette (#D8FFF4, #89C5FF, #D98400, #006CB4, #553100)
• Softworn Tangerine Basin color palette (#E8F8FF, #7BEDFF, #EA8457, #00AABE, #632402)
• Chalky Lilac color palette (#F3F4FF, #D8BDFF, #CCBF76, #AE8ADF, #4B4312)
• Airy Workshop color palette (#DDEDFF, #76BAFF, #DC9E00, #959806, #0F3253)
• Timeworn Honey Lantern color palette (#D8E8C7, #F4BD11, #96BFFF, #354D74, #192739)
• Dusty Teal color palette (#EDF6FF, #E1D6E7, #C5BBA6, #2CBBBF, #334166)
• Worn Periwinkle Balcony color palette (#D7FBF1, #51ADFF, #A36400, #005E9E, #311B00)

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