Plum Harbor color palette — #FFF1F2 · #CCA0C2 · #70A87B · #A14F93 · #33573B

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Mauve (#CCA0C2): A luminous, dusty pink — the color of peonies in June.
• Jade (#70A87B): A luminous, balanced green — the color of new leaves after rain.
• Magenta Rose (#A14F93): A full-bodied, balanced pink — the color of peonies in June.
• Deep Olive (#33573B): A full-bodied, dusty teal — the color of glacier melt.

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

Use it as a design system

One click turns Plum Harbor 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

• Washed Violet Quarry color palette (#FFF1F6, #B7A6D3, #92A15A, #825CB4, #4E4D46)
• Washed Jade color palette (#FCEEEF, #D69EC9, #61B07B, #925D87, #30322B)
• Muted Rust color palette (#FFF2ED, #D4A19F, #51A7B3, #AA5554, #385540)
• Mint Quarry color palette (#F5F4FF, #D9B6E3, #55C9A7, #A777B5, #305457)
• Gentle Mulberry Boulevard color palette (#FFF2F0, #D16F96, #00947B, #A7005F, #004539)
• Washed Veranda color palette (#FFF1F1, #B985A6, #968B45, #29829B, #543B3B)
• Softworn Bronze color palette (#FFF2EB, #C9B4A2, #AD7048, #7F4E4B, #643E00)
• Ash Studio color palette (#FFF1F1, #E2D8D0, #D5C1A0, #A081AD, #614C4A)

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