Mustard Harbor color palette — #D1E6D5 · #B4AC20 · #6D8C0C · #675C87 · #002114
Gold and Olive Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#D1E6D5): A whisper-light, dusty teal — the color of glacier melt.
- Gold (#B4AC20): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#6D8C0C): A full-bodied, balanced green — the color of a quiet forest floor.
- Slate (#675C87): A full-bodied, dusty violet — the color of wild irises.
- Ink (#002114): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
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
- Olive Thicket color palette (#E6F4EB, #90A300, #3E8400, #694575, #0E1100)
- Tempered Lagoon color palette (#C6EBDF, #74BB74, #009666, #7F546D, #012203)
- Tempered Mustard Drift color palette (#D7EBDA, #C8BD5C, #879B4A, #98656A, #113022)
- Airy Fern Pier color palette (#FFF3E4, #ADA54D, #456D00, #3C3169, #090800)
- Emerald Study color palette (#DCEEE9, #18A352, #007358, #68344D, #000902)
- Rose Pier color palette (#FCD3CF, #FC2C3D, #109E25, #3E6DD9, #290103)
- Tempered Onyx color palette (#F5EEDE, #7C7C47, #3F4A00, #520417, #080800)
- Hazy Courtyard color palette (#E5F1E7, #66D4D1, #00A5B6, #008061, #00242F)
Browse the whole catalog at Explore, or see today's palette.