Misty Pine Coast color palette — #E2F7F4 · #76B57D · #A17BBC · #1B7831 · #311D40

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

The five colors

• Ivory (#E2F7F4): A whisper-light, dusty teal — the color of shallow lagoons.
• Jade (#76B57D): A luminous, balanced green — the color of fresh herbs.
• Dusty Rose (#A17BBC): A luminous, balanced violet — the color of a velvet chair.
• Olive (#1B7831): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#311D40): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

One click turns Misty Pine Coast 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 Peony color palette (#E3F6F8, #55B99A, #C16F95, #00765C, #3E182B)
• Feathered Olive Alley color palette (#E8FAF6, #82AD76, #AD6EB5, #297900, #56335A)
• Chalky Fern color palette (#E0F9EB, #B1A657, #9081C7, #716600, #292142)
• Antique Cabin color palette (#F4F7E8, #91C799, #BB8EE1, #28984A, #4E3663)
• Aged Raspberry Basin color palette (#D6FBF2, #779B4F, #B15F91, #8E5677, #00251E)
• Gentle Emerald Grove color palette (#F5F7E8, #AFE6A0, #D2A7EC, #659A56, #512A37)
• Pale Byzantium color palette (#E2F4EF, #009C85, #AE24BE, #00594B, #28002D)
• Ancient Ember color palette (#CDFCFF, #00B387, #D65300, #006C50, #3B1100)

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