Misty Harbor color palette — #F7F8D6 · #72BA36 · #A257CA · #305C00 · #4D2662

Amethyst and Clover set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#F7F8D6): A whisper-light, dusty green — the color of fresh herbs.
• Clover (#72BA36): A luminous, vivid green — the color of a quiet forest floor.
• Amethyst (#A257CA): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Olive (#305C00): A full-bodied, balanced green — the color of fresh herbs.
• Royal Purple (#4D2662): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Airy Clover Hollow color palette (#F2F9E0, #3EBF6E, #A2459B, #006F36, #5A1E55)
• Powdered Indigo Chapel color palette (#FEF6CE, #9FAE25, #7756C7, #596300, #3F2971)
• Violet Workshop color palette (#F1F5D6, #6ABF68, #9A5ADC, #0A6110, #2E0050)
• Antique Wisteria Hollow color palette (#D8FFF7, #8FD673, #C16EF7, #337C00, #4E2268)
• Timeworn Pier color palette (#DDE2C1, #53A258, #843788, #005913, #411044)
• Gentle Grove color palette (#EEF9E9, #5DB19F, #BD6E85, #007765, #62303F)
• Sapphire Market color palette (#FFF4E1, #C89C25, #3B68D1, #745700, #193578)
• Timeworn Ridge color palette (#E1FCF6, #ADEF81, #DE95FF, #539800, #4F2561)

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