Misty Pine color palette — #F7F3FF · #CA84B5 · #B08652 · #268339 · #372E43

Built around Fern, softened by Dusty Rose — the whole palette hums with nature and growth.

The five colors

• Ivory (#F7F3FF): a clean, paper-quiet neutral.
• Dusty Rose (#CA84B5): A luminous, balanced pink — the color of peonies in June.
• Caramel (#B08652): A luminous, balanced gold — the color of old brass.
• Fern (#268339): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#372E43): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, 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

• Muted Coast color palette (#FBF1FD, #D68292, #A0903C, #007F7D, #3B2D3E)
• Airy Meadow color palette (#FEF1FA, #D49281, #AC7047, #00703E, #3C2D5E)
• Washed Bronze color palette (#F1F5FF, #8E98E1, #C4776D, #7D7000, #27324C)
• Timeworn Driftwood color palette (#E5FBF1, #CA9EDA, #BB6C73, #007179, #433655)
• Feathered Lilac Harbor color palette (#FFF1F7, #BA9FFF, #7AAE69, #5B7E50, #311E27)
• Antique Bronze color palette (#FFF2EE, #B8656C, #817100, #415D1B, #432C26)
• Pale Olive Lagoon color palette (#E8D8E7, #C35B5D, #4E8300, #005A7C, #36060B)
• Amber Alley color palette (#FFF0F8, #E46F2F, #829000, #007480, #461E09)

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