Hazy Mustard Harbor color palette — #F6DCDD · #A7B5FF · #C4A600 · #003C39 · #0F2519

Gold and Lavender set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F6DCDD): A whisper-light, dusty red — the color of a theater curtain.
• Lavender (#A7B5FF): A luminous, balanced violet — the color of twilight just after sunset.
• Gold (#C4A600): A luminous, balanced green — the color of a quiet forest floor.
• Deep Forest (#003C39): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#0F2519): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Creativity, Balance. Tagged neon, dark, vibrant.

Use it as a design system

One click turns Hazy 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

• Soft Lime color palette (#F6DEED, #B9C0FF, #C0C800, #4F521E, #272417)
• Aged Loft color palette (#FAD4DF, #92B2FF, #60BC00, #153A41, #102521)
• Weathered Amber Quarry color palette (#E3DCEA, #80DAFF, #C38B00, #3B2800, #132315)
• Frosted Canyon color palette (#FEE4F7, #AFAAFF, #5F9400, #002717, #061411)
• Clover Veranda color palette (#EFDECF, #00CABA, #60BA00, #122C00, #0B0B00)
• Forest Harbor color palette (#E1FCF7, #D29343, #175706, #0B2F04, #00201D)
• Hushed Pine Studio color palette (#EBF8F9, #CEDCE9, #A9C0CD, #007E5B, #264647)
• Wandering Garden color palette (#FFDCCD, #FFBDBE, #03D9D9, #3F4D5A, #2E383B)

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