Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Ink | #121826 | rgb(18, 24, 38) | hsl(222, 36%, 11%) | oklch(21.0% 0.029 266) | |
| Magenta | #C60065 | rgb(198, 0, 101) | hsl(329, 100%, 39%) | oklch(53.4% 0.216 1) | |
| Aquamarine | #01FFC6 | rgb(1, 255, 198) | hsl(167, 100%, 50%) | oklch(88.9% 0.178 169) | |
| Frost | #F0F0FF | rgb(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
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 SecondaryColor blindness simulation
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

Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#121826 on #F0F0FF | Aa | 15.72:1 | AAA |
#121826 on #01FFC6 | Aa | 13.61:1 | AAA |
#C60065 on #F0F0FF | Aa | 5.19:1 | AA |
#C60065 on #01FFC6 | Aa | 4.49:1 | AA large only |
#121826 on #C60065 | Aa | 3.03:1 | AA large only |
#01FFC6 on #F0F0FF | Aa | 1.15:1 | Fail |