Mustard Harbor color palette — #FFF3E2 · #F3AB2E · #0090D1 · #5369B8 · #3B1C19
A conversation between Saffron and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Cream (#FFF3E2): A whisper-light, dusty gold — the color of old brass.
- Saffron (#F3AB2E): A luminous, balanced gold — the color of old brass.
- Cerulean (#0090D1): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#5369B8): A full-bodied, balanced violet — the color of twilight just after sunset.
- Espresso (#3B1C19): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged jewel, vibrant.
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
- Quiet Canyon color palette (#FFF4DD, #D4BC2C, #4683EC, #725ABF, #35150E)
- Chalky Apricot color palette (#FFF2EB, #FF9A77, #008FC7, #4C68B2, #2B1B3B)
- Soft Sapphire color palette (#F4E6D2, #D69D1B, #196CEC, #3362AF, #270505)
- Misty Clover Grove color palette (#FFF3E5, #F1B60C, #56B651, #8069BD, #3A3709)
- Chalky Mustard Bloom color palette (#FFF4E1, #E4AE00, #00ACC0, #9259AE, #441758)
- Faded Mint color palette (#F4F8E2, #85CE78, #31A6DA, #8778B1, #392A1E)
- Dusty Quarry color palette (#FFF2EB, #FF8067, #00AB9E, #008E83, #29193A)
- Softworn Moss color palette (#F1EACF, #A1AA00, #4B7253, #4E4100, #161108)
Browse the whole catalog at Explore, or see today's palette.