Misty Alley color palette — #D6E2D7 · #A3AF64 · #3B9356 · #754E9B · #191D00

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

The five colors

• Bone (#D6E2D7): a clean, paper-quiet neutral.
• Sage (#A3AF64): A luminous, balanced green — the color of new leaves after rain.
• Fern (#3B9356): A full-bodied, balanced teal — the color of glacier melt.
• Plum (#754E9B): A full-bodied, balanced violet — the color of wild irises.
• Ink (#191D00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Hazy Mulberry color palette (#DEEEE7, #81B786, #009382, #8C467D, #002206)
• Frosted Corridor color palette (#DAF2E7, #90D399, #00AE9D, #AC5798, #073815)
• Soft Sapphire Market color palette (#CDEEE8, #5AA137, #008CCC, #405DFF, #051700)
• Linen Garnet color palette (#E9DECD, #9C9458, #586900, #7A1C32, #1F1B00)
• Garnet Courtyard color palette (#D9F1EB, #54987F, #006F77, #712D48, #000804)
• Misty Station color palette (#DEE8DD, #BCBF81, #63A363, #9C691B, #2B2B00)
• Fern Delta color palette (#EBFAED, #B0A447, #586800, #65212E, #000B04)
• Indigo Hollow color palette (#D0E6D5, #D7A82C, #6C65E9, #8D6B00, #16084E)

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