Plum Harbor color palette — #CAF4FC · #2DBF80 · #CA0070 · #280503 · #100101

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

The five colors

• Frost (#CAF4FC): A whisper-light, dusty blue — the color of deep harbor water.
• Jade (#2DBF80): A luminous, balanced teal — the color of sea glass.
• Magenta Rose (#CA0070): A full-bodied, vivid rose — the color of a warm blush.
• Ink (#280503): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#100101): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Warmth, Comfort, Energy, Balance. Tagged neon, dark, vibrant, warm.

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

• Worn Corridor color palette (#D0E1EC, #00997D, #C70036, #1A0700, #050100)
• Softworn Byzantium color palette (#CCF4EB, #A6AB27, #B300BD, #2F0404, #0F0104)
• Quiet Balcony color palette (#EDDDFD, #A27700, #D3003B, #190002, #030003)
• Linen Veranda color palette (#E0F0DB, #38ADFE, #DB00A7, #332542, #0A0411)
• Rose Workshop color palette (#E3DBED, #CC8800, #FB255C, #3D0310, #0C0100)
• Ember Parlor color palette (#D4E6FD, #32D0F7, #E64C00, #3C2300, #2C0800)
• Terracotta Lantern color palette (#DDE1F7, #007EAE, #A14300, #140C02, #040100)
• Blush Alley color palette (#C4EAF1, #61F4C6, #EC7684, #3C3732, #2F201C)

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