Magenta Harbor color palette — #D9DFF8 · #899CFF · #FD38CD · #009EAF · #181D4D
Hot Pink and Lavender Blue set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D9DFF8): A whisper-light, dusty violet — the color of wild irises.
- Lavender Blue (#899CFF): A luminous, balanced violet — the color of wild irises.
- Hot Pink (#FD38CD): A luminous, vivid pink — the color of a candy shop window.
- Cerulean (#009EAF): A luminous, balanced blue — the color of deep harbor water.
- Deep Indigo (#181D4D): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged vibrant, cool.
Use it as a design system
One click turns Magenta 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
- Patina Magenta Villa color palette (#DDECFF, #5EA7FF, #E04AFF, #00A299, #042447)
- Blush Lantern color palette (#F4EBFF, #C182FF, #FF557A, #0096DB, #2E1644)
- Fuchsia Pier color palette (#FAD7FC, #EA7CF2, #EB8371, #6C97D8, #412027)
- Hazy Magenta Chapel color palette (#F8E3FA, #EF56FF, #FF5D4A, #3589FE, #390E3E)
- Muted Lagoon color palette (#CDE7F3, #00B5E6, #A082FF, #00A66D, #002936)
- Quiet Magenta Dune color palette (#EBDDE7, #E900CF, #DB4E00, #4A69DC, #23021E)
- Hazy Mallow Villa color palette (#FFF1F1, #FF97D0, #E7A277, #9CA0D5, #4C2F2E)
- Powdered Rose color palette (#F1F5FF, #6C93FF, #F9292C, #008A30, #030A3A)
Browse the whole catalog at Explore, or see today's palette.