Plum Harbor color palette — #F5DAD5 · #B32B5F · #375000 · #002E58 · #1F0D51

A conversation between Magenta Rose and Deep Indigo, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F5DAD5): A whisper-light, dusty orange — the color of sun-warmed clay.
• Magenta Rose (#B32B5F): A full-bodied, vivid red — the color of late-summer berries.
• Deep Olive (#375000): A deep, shadowed, balanced green — the color of new leaves after rain.
• Navy (#002E58): A deep, shadowed, balanced blue — the color of deep harbor water.
• Deep Indigo (#1F0D51): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged 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

• Soft Brick Pier color palette (#F1DCD4, #C30D1C, #005527, #211777, #230E4B)
• Weathered Plum color palette (#FFEDE9, #BC4B5F, #336200, #003875, #331E4F)
• Plum Thicket color palette (#F0DBDE, #963E9A, #554400, #003440, #061850)
• Tempered Terracotta color palette (#EEDCD0, #8D3C00, #00403C, #001C49, #1C0031)
• Gentle Rust Corridor color palette (#F2D7E6, #AE4700, #534600, #00310D, #1C0009)
• Eclipse Boulevard color palette (#F0DDD0, #8A3900, #36413B, #241800, #130500)
• Washed Pine color palette (#FFF2EC, #BD7065, #00783A, #374083, #4C2B44)
• Soft Terrace color palette (#F8E4CD, #956200, #005564, #490071, #430037)

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