Mustard Harbor color palette — #FFF4DD · #E5BE00 · #8F8900 · #4D5500 · #142200
A conversation between Saffron and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF4DD): A whisper-light, dusty gold — the color of old brass.
- Saffron (#E5BE00): A luminous, vivid green — the color of a quiet forest floor.
- Olive Leaf (#8F8900): A luminous, balanced green — the color of fresh herbs.
- Deep Olive (#4D5500): A full-bodied, balanced green — the color of fresh herbs.
- Onyx (#142200): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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
- Faded Quarry color palette (#FFF8B6, #C1CB00, #698E00, #245700, #002304)
- Patina Amber Basin color palette (#FFF2EB, #FFB062, #B57700, #5F4500, #231C00)
- Feathered Mustard color palette (#FFF6D1, #CAA700, #707A00, #00524C, #1C1900)
- Linen Mustard color palette (#F8DEC2, #E6B100, #A59A00, #577B00, #00370C)
- Amber Thicket color palette (#FAE4CD, #B18700, #655F00, #303D00, #001A02)
- Aged Veranda color palette (#FFF6CE, #CAF3BA, #ACBA77, #6F8352, #214718)
- Patina Olive Bloom color palette (#EBECD2, #718300, #2E4B00, #031700, #000200)
- Tempered Lime Courtyard color palette (#E5FFCD, #61D44F, #009245, #005235, #001911)
Browse the whole catalog at Explore, or see today's palette.