Mustard Harbor color palette — #D6EFF9 · #00EDB6 · #CFC300 · #46433C · #2A261A

Saffron and Lagoon set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#D6EFF9): A whisper-light, dusty blue — the color of open sky before noon.
• Lagoon (#00EDB6): A whisper-light, vivid teal — the color of shallow lagoons.
• Saffron (#CFC300): A luminous, vivid green — the color of new leaves after rain.
• Charcoal (#46433C): quiet, heavy and certain.
• Onyx (#2A261A): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance. Tagged neon, dark, 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

• Pale Lime color palette (#F8DCCD, #00E7E7, #99D418, #46463F, #2E2D1F)
• Chartreuse Ridge color palette (#D5EBE2, #C6D653, #FFA65E, #4C4640, #2D241C)
• Weathered Alley color palette (#FFE3D9, #00CDB2, #A3AF00, #2D3100, #1F1800)
• Aged Amber color palette (#EAE1F2, #78E9FF, #E38700, #3F3E37, #312A24)
• Tempered Studio color palette (#F2DAEC, #38E8FD, #FFB384, #6F5C65, #31282C)
• Tempered Bronze Grove color palette (#F9F5EC, #D7C294, #82703C, #504113, #272116)
• Quiet Moss Canyon color palette (#F7F5EB, #C2CA93, #59A360, #7E8900, #232614)
• Lime Boulevard color palette (#EDE3D5, #0BD9EF, #1FD934, #08450D, #212308)

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