Mustard Harbor color palette — #FFF2EC · #D1AA51 · #688230 · #006044 · #004745
Gold and Olive Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Gold (#D1AA51): A luminous, balanced gold — the color of afternoon light on wheat.
- Olive Leaf (#688230): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#006044): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#004745): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, 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
- Hazy Balcony color palette (#FFEEEF, #EC9A6D, #917800, #39580B, #004A2D)
- Weathered Emerald Loft color palette (#FFF1E6, #E7D296, #9FBA63, #2F9A4E, #004B3F)
- Washed Stone Bloom color palette (#FFF3E2, #B0C68A, #5C9474, #036862, #00536E)
- Patina Field color palette (#FFF0F7, #BD8F20, #277B55, #53456D, #2B4339)
- Airy Corridor color palette (#F4F4B4, #A7B479, #6B8544, #2B5A15, #00280A)
- Moss Basin color palette (#EBDDCC, #A0A100, #007228, #004239, #002A37)
- Washed Pewter Terrace color palette (#F0F7F1, #D0DEE0, #B1C4CD, #857249, #434A44)
- Hushed Coast color palette (#F5DEC9, #7D7000, #2D4800, #001D16, #01080F)
Browse the whole catalog at Explore, or see today's palette.