Plum Harbor color palette — #F4DBF9 · #FF5C87 · #009DB5 · #C10052 · #00343E
Built around Magenta Rose, softened by Rose — the whole palette hums with trust and stability.
The five colors
- Thistle (#F4DBF9): A whisper-light, dusty pink — the color of neon signs at night.
- Rose (#FF5C87): A luminous, vivid red — the color of a theater curtain.
- Cerulean (#009DB5): A luminous, balanced blue — the color of deep harbor water.
- Magenta Rose (#C10052): A full-bodied, vivid red — the color of late-summer berries.
- Deep Teal (#00343E): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Energy, Balance. Tagged vibrant.
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
- Brick Canyon color palette (#F6DAF4, #FF8688, #0096D6, #AA002A, #00324B)
- Dusty Plum color palette (#FFF1F1, #FF8A92, #00ADBF, #C7003D, #002328)
- Powdered Plum Quarry color palette (#E9DFFC, #EC5DD2, #00A291, #B1009B, #003630)
- Aged Field color palette (#FFDCD0, #F31543, #008081, #950024, #003636)
- Aged Rose Corridor color palette (#FFEAEB, #FB255B, #008EAE, #396B9F, #490113)
- Amber Harbor color palette (#FFD9E6, #DE8700, #009DB8, #955900, #00343F)
- Hushed Alley color palette (#F6DBF5, #FF9094, #969BFF, #F71E4C, #261873)
- Tangerine Courtyard color palette (#FFD7ED, #FB6E00, #657EFF, #A94700, #191B77)
Browse the whole catalog at Explore, or see today's palette.