Magenta Harbor color palette — #DDF5EF · #D6BA00 · #E35FEE · #38314D · #1F1C28

Pink Orchid and Saffron set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#DDF5EF): A whisper-light, dusty teal — the color of sea glass.
• Saffron (#D6BA00): A luminous, vivid green — the color of new leaves after rain.
• Pink Orchid (#E35FEE): A luminous, vivid pink — the color of neon signs at night.
• Navy (#38314D): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Onyx (#1F1C28): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged neon, dark, vibrant.

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

• Sunlit Studio color palette (#DBF7DC, #FBA621, #A38EF0, #2F344E, #181A25)
• Wandering Peony Quarry color palette (#EEEFCD, #FE973B, #FF5EA2, #332D29, #271A19)
• Softworn Wisteria Thicket color palette (#D3E5CB, #00E1CA, #B872E5, #353350, #1F1F2B)
• Washed Magenta Lagoon color palette (#D7F2DB, #84D2FF, #DF55E8, #342C4A, #1E1A2A)
• Frosted Blush color palette (#DBE4FF, #FFA777, #FF8AC6, #6C4558, #221C27)
• Linen Celadon Lantern color palette (#A0FA91, #59F0FC, #E881BD, #483E52, #29252E)
• Chartreuse Boulevard color palette (#C9F2FF, #B6F000, #D8B5FF, #2B1B3A, #0E0408)
• Patina Stone Market color palette (#F0ECFA, #ADBE71, #814F7D, #492746, #171321)

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