Mustard Harbor color palette — #EFF6FF · #EAB100 · #3863BF · #223966 · #101B2B
A conversation between Saffron and Royal Blue, giving this palette its sense of optimism and creativity.
The five colors
- Ivory (#EFF6FF): bright and airy, almost weightless.
- Saffron (#EAB100): A luminous, vivid gold — the color of old brass.
- Royal Blue (#3863BF): A full-bodied, balanced violet — the color of wild irises.
- Navy (#223966): A deep, shadowed, balanced violet — the color of wild irises.
- Midnight (#101B2B): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Optimism, Creativity, Balance. Tagged luxury, dark.
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
- Weathered Field color palette (#E9F8FF, #E7B128, #00768A, #00424F, #001E2B)
- Misty Mustard color palette (#F4F4FF, #EAB100, #834CA5, #4A2B5D, #191927)
- Marigold Garden color palette (#D2DEF7, #CF9C00, #404B9E, #1E254C, #040A1D)
- Cornflower Loft color palette (#FFF0FD, #F0C87E, #5789F2, #39599B, #241423)
- Patina Sand color palette (#F7F3FD, #EACD93, #9C6B8C, #51485E, #2D2934)
- Sapphire Bloom color palette (#FFF0FD, #93EFC7, #3C67BC, #012474, #120111)
- Feathered Mulberry Garden color palette (#E7E0FB, #D6A200, #931191, #491248, #120A20)
- Aubergine Canyon color palette (#DEE1F0, #B88A00, #512393, #200941, #020110)
Browse the whole catalog at Explore, or see today's palette.