Mustard Harbor color palette — #F5E5D4 · #BDA72E · #708A34 · #576188 · #201B00

Built around Gold, softened by Olive Leaf — the whole palette hums with nature and growth.

The five colors

• Parchment (#F5E5D4): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Gold (#BDA72E): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#708A34): A full-bodied, balanced green — the color of a quiet forest floor.
• Slate (#576188): A full-bodied, dusty violet — the color of a velvet chair.
• Ink (#201B00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Powdered Lantern color palette (#F1E5C9, #8CB75B, #009758, #6D5986, #1E1C00)
• Misty Cabin color palette (#F4E1CC, #C8BC64, #7C9E4D, #6F709A, #332703)
• Washed Garden color palette (#FAD2DE, #D28DFF, #8C9903, #7B38A2, #1A1D00)
• Gentle Moss color palette (#DDEEE4, #969924, #576A00, #115045, #1C1C00)
• Tempered Fern color palette (#FFF0F8, #BE9E4B, #546900, #45305D, #0C0700)
• Hazy Coast color palette (#FFF3E6, #E5D055, #91B353, #8383B5, #3D3A34)
• Emerald Meadow color palette (#F3F1DA, #2DA159, #007262, #603661, #000802)
• Hushed Study color palette (#D3E6D7, #807B38, #3A4B00, #002F3D, #090800)

Browse the whole catalog at Explore, or see today's palette.