Misty Harbor color palette — #E2DFC8 · #98B755 · #7262CE · #556E00 · #291660

Built around Cornflower Indigo, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Bone (#E2DFC8): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#98B755): A luminous, balanced green — the color of a quiet forest floor.
• Cornflower Indigo (#7262CE): A full-bodied, vivid violet — the color of a velvet chair.
• Olive (#556E00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#291660): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Pale Violet color palette (#E8DCC8, #B79431, #8470E4, #7B5F00, #2A175E)
• Weathered Violet Corridor color palette (#DAFFEE, #C0C027, #9966D5, #686800, #200B35)
• Sunlit Olive color palette (#EFF1D7, #89B773, #9D84D8, #3E8600, #3B2761)
• Airy Magenta Bloom color palette (#E2DFC7, #8DA448, #BE56BD, #596D00, #440944)
• Soft Grape Boulevard color palette (#C9E6DA, #8A9721, #6B37B7, #474E00, #2E1E4B)
• Tempered Chartreuse Courtyard color palette (#E4DFC6, #BECF31, #A88AFF, #6C7700, #2C1D4F)
• Hushed Study color palette (#EAEECE, #58AE51, #984BBD, #0D5308, #2C003D)
• Softworn Lantern color palette (#EDDBC8, #E6942F, #0079CE, #8D5400, #002A4D)

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