Misty Pine color palette — #F3F8E6 · #71B081 · #A073C2 · #007A3A · #503464

Olive takes the lead with Wisteria close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F3F8E6): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#71B081): A luminous, balanced teal — the color of glacier melt.
• Wisteria (#A073C2): A luminous, balanced violet — the color of a velvet chair.
• Olive (#007A3A): A full-bodied, balanced teal — the color of sea glass.
• Royal Purple (#503464): 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 Pine 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

• Feathered Peony color palette (#EDFAE8, #65AFA4, #B86C9D, #00766A, #5B334D)
• Tempered Pine color palette (#DEF9F4, #7BB572, #B674C7, #237314, #351B3C)
• Weathered Iris color palette (#FCF5E1, #A9A264, #9178CC, #726700, #47376A)
• Antique Market color palette (#F5F7E3, #94C78C, #D28CEA, #448C39, #5D3440)
• Chalky Byzantium color palette (#ECFAE7, #2E9C8E, #7A70B4, #8849A3, #2C3E25)
• Washed Plum color palette (#E0E9CD, #27AE6C, #AE0070, #005E35, #570036)
• Soft Seafoam color palette (#E0FCF9, #86E598, #D5A9F0, #6EB17A, #403E5E)
• Dusty Cocoa color palette (#FFF3E6, #B6A582, #8D6B47, #7A3E31, #453E00)

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