#121826Ink
#C60065Magenta
#01FFC6Aquamarine
#F0F0FFFrost

Regal Magenta & Aquamarine color palette

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Ink#121826rgb(18, 24, 38)hsl(222, 36%, 11%)oklch(21.0% 0.029 266)
Magenta#C60065rgb(198, 0, 101)hsl(329, 100%, 39%)oklch(53.4% 0.216 1)
Aquamarine#01FFC6rgb(1, 255, 198)hsl(167, 100%, 50%)oklch(88.9% 0.178 169)
Frost#F0F0FFrgb(240, 240, 255)hsl(240, 100%, 97%)oklch(96.0% 0.020 286)

Why it works and how to use it

Regal Magenta & Aquamarine is a vivid complementary color palette tagged vibrant, black, white. Ink and Aquamarine sit nearly opposite on the color wheel, so the pairing has real energy; keep one as the accent. These are bold, punchy colors that need generous white space around them. Warm and cool hues are mixed, which adds depth.

With 3 chromatic colors, Magenta takes the lead while the rest support. Lightness runs from 11% to 97%. Well suited to websites, presentations and branding.

  • Background: Frost (#F0F0FF) is the lightest color, so it belongs on large surfaces.
  • Text: Ink (#121826) on #F0F0FF gives 15.72:1, passing WCAG AAA.
  • Primary: Magenta (#C60065) is the most saturated mid-tone; use it for buttons and links (5.19:1 against the background, fine for UI elements).
  • Accent: Aquamarine (#01FFC6) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Ink on Frost at 15.72:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Regal Magenta & Aquamarine

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary
Card title
Card title
Card title
Roles are assigned by lightness.

Color blindness simulation

#121826
#C60065
#01FFC6
#F0F0FF

Color-blind check: under protanopia, Aquamarine and Frost become hard to tell apart, so do not rely on that pair alone to carry meaning.

Palette card

Regal Magenta & Aquamarine color palette card: Ink #121826, Magenta #C60065, Aquamarine #01FFC6, Frost #F0F0FF
Save or share Regal Magenta & Aquamarine as an image with its hex codes.

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#121826 on #F0F0FFAa15.72:1AAA
#121826 on #01FFC6Aa13.61:1AAA
#C60065 on #F0F0FFAa5.19:1AA
#C60065 on #01FFC6Aa4.49:1AA large only
#121826 on #C60065Aa3.03:1AA large only
#01FFC6 on #F0F0FFAa1.15:1Fail

Similar palettes 24 more in this mood