Misty Mustard Harbor color palette — #E2FDEB · #FFC3CA · #CBA300 · #009457 · #2E3700

A conversation between Gold and Fern, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#E2FDEB): A whisper-light, dusty teal — the color of shallow lagoons.
• Shell Pink (#FFC3CA): A whisper-light, dusty red — the color of late-summer berries.
• Gold (#CBA300): A luminous, balanced green — the color of fresh herbs.
• Fern (#009457): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#2E3700): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

Use it as a design system

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

• Patina Apricot color palette (#FFF0F8, #FFB5E5, #F38900, #658800, #473200)
• Lime Courtyard color palette (#DFFDF2, #FFC29A, #8BB600, #008D93, #203F10)
• Olive Drift color palette (#FFF0D6, #FFB983, #DEA900, #558E00, #201B00)
• Hazy Study color palette (#DFF8E9, #FF927C, #AF9100, #00806E, #1C2600)
• Mustard Harbor color palette (#FFD8A3, #B7A300, #577E00, #006525, #004F41)
• Weathered Station color palette (#D6FFF9, #D2AA00, #1FB225, #007AB0, #003229)
• Emerald Alley color palette (#FFDAD7, #BFA664, #2B935D, #705172, #5C3B5E)
• Pale Amber color palette (#D9EEE7, #D97A00, #7F9000, #006064, #001D08)

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