Misty Pine color palette — #FCEDF2 · #C0A0E9 · #D5707C · #00873B · #291E5C

Fern and Coral Clay set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FCEDF2): a clean, paper-quiet neutral.
• Mauve (#C0A0E9): A luminous, balanced violet — the color of twilight just after sunset.
• Coral Clay (#D5707C): A luminous, balanced red — the color of a theater curtain.
• Fern (#00873B): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#291E5C): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Olive Workshop color palette (#FEEDF0, #D29ADC, #C275AB, #6E7700, #002C53)
• Gentle Pier color palette (#FFEBF6, #AAA7F8, #D37839, #008272, #00295C)
• Misty Amber Pier color palette (#FFEDEE, #DC97D0, #C38341, #00807F, #411745)
• Pine Courtyard color palette (#FDEEE8, #EC988D, #C28521, #2D8433, #271F5D)
• Sapphire Summit color palette (#FFF2EF, #FF91A6, #5FAF47, #296DE5, #002776)
• Dusty Villa color palette (#F9DEF2, #E0BBC5, #D498A6, #50917B, #294F3F)
• Faded Grove color palette (#FAE2F1, #817FF0, #C43C25, #00613F, #10003E)
• Gentle Coral Summit color palette (#EFDDD7, #EF787F, #8E8800, #00689C, #42000F)

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