Baltic to Warrior Queen color palette

2D9FABBaltic 004214Realm of the Underworld D1A9DEVelvet Horizon F9E7FFPerfume Haze 9F2B44Warrior Queen

Open in generator Export PNG, PDF, ASE…

About this palette

Baltic to Warrior Queen is a 5-color cool palette: #2D9FAB (Baltic), #004214 (Realm of the Underworld), #D1A9DE (Velvet Horizon), #F9E7FF (Perfume Haze), #9F2B44 (Warrior Queen). It mixes turquoise, green, purple, white, red tones and feels cool overall. The strongest text pairing is #004214 on #F9E7FF with a contrast ratio of 10.00:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Baltic	rgb(45, 159, 171)	hsl(186, 58%, 42%)
Realm of the Underworld	rgb(0, 66, 20)	hsl(138, 100%, 13%)
Velvet Horizon	rgb(209, 169, 222)	hsl(285, 45%, 77%)
Perfume Haze	rgb(249, 231, 255)	hsl(285, 100%, 95%)
Warrior Queen	rgb(159, 43, 68)	hsl(347, 57%, 40%)

Accessible color pairs

Pairs with at least 3:1 contrast (large text and UI components); 4.5:1 or more passes WCAG AA for body text.

Aa10.00:1 Very good#004214 on #F9E7FF
Aa10.00:1 Very good#F9E7FF on #004214
Aa6.17:1 Good#F9E7FF on #9F2B44
Aa6.17:1 Good#9F2B44 on #F9E7FF
Aa5.83:1 Good#004214 on #D1A9DE
Aa5.83:1 Good#D1A9DE on #004214
Aa3.72:1 Poor#2D9FAB on #004214
Aa3.72:1 Poor#004214 on #2D9FAB

Color blindness preview

CSS variables

/* Baltic to Warrior Queen — https://swatchly.xyz/palette/2d9fab-004214-d1a9de-f9e7ff-9f2b44 */
:root {
  --baltic: #2d9fab;
  --realm-of-the-underworld: #004214;
  --velvet-horizon: #d1a9de;
  --perfume-haze: #f9e7ff;
  --warrior-queen: #9f2b44;
}

Tailwind CSS v4

/* Baltic to Warrior Queen — https://swatchly.xyz/palette/2d9fab-004214-d1a9de-f9e7ff-9f2b44 */
@theme {
  --color-baltic: #2d9fab;
  --color-baltic-50: #e4fcff;
  --color-baltic-100: #c6f9ff;
  --color-baltic-200: #a3eaf2;
  --color-baltic-300: #83d6e0;
  --color-baltic-400: #57b9c5;
  --color-baltic-500: #2d9fab;
  --color-baltic-600: #00818d;
  --color-baltic-700: #006770;
  --color-baltic-800: #005057;
  --color-baltic-900: #003d43;
  --color-baltic-950: #00262a;
  --color-realm-of-the-underworld: #004214;
  --color-realm-of-the-underworld-50: #e0ffe2;
  --color-realm-of-the-underworld-100: #d1f7d5;
  --color-realm-of-the-underworld-200: #b9e5bd;
  --color-realm-of-the-underworld-300: #9dd0a2;
  --color-realm-of-the-underworld-400: #7ab280;
  --color-realm-of-the-underworld-500: #5d9765;
  --color-realm-of-the-underworld-600: #447c4c;
  --color-realm-of-the-underworld-700: #306539;
  --color-realm-of-the-underworld-800: #215029;
  --color-realm-of-the-underworld-900: #004214;
  --color-realm-of-the-underworld-950: #0a2810;
  --color-velvet-horizon: #d1a9de;
  --color-velvet-horizon-50: #faecff;
  --color-velvet-horizon-100: #f6dbff;
  --color-velvet-horizon-200: #e4c5ee;
  --color-velvet-horizon-300: #d1a9de;
  --color-velvet-horizon-400: #b18cbe;
  --color-velvet-horizon-500: #9771a3;
  --color-velvet-horizon-600: #7d5988;
  --color-velvet-horizon-700: #65456f;
  --color-velvet-horizon-800: #51355a;
  --color-velvet-horizon-900: #402848;
  --color-velvet-horizon-950: #29172e;
  --color-perfume-haze: #f9e7ff;
  --color-perfume-haze-50: #fcf5ff;
  --color-perfume-haze-100: #f9e7ff;
  --color-perfume-haze-200: #e2d5e6;
  --color-perfume-haze-300: #ccbdd0;
  --color-perfume-haze-400: #ac9cb2;
  --color-perfume-haze-500: #918096;
  --color-perfume-haze-600: #75667a;
  --color-perfume-haze-700: #5d4f62;
  --color-perfume-haze-800: #493d4d;
  --color-perfume-haze-900: #392f3c;
  --color-perfume-haze-950: #231c26;
  --color-warrior-queen: #9f2b44;
  --color-warrior-queen-50: #fff1f2;
  --color-warrior-queen-100: #ffe3e5;
  --color-warrior-queen-200: #ffc9cd;
  --color-warrior-queen-300: #ffa8b1;
  --color-warrior-queen-400: #f17c8c;
  --color-warrior-queen-500: #d65f71;
  --color-warrior-queen-600: #b84459;
  --color-warrior-queen-700: #9f2b44;
  --color-warrior-queen-800: #7f1e34;
  --color-warrior-queen-900: #661126;
  --color-warrior-queen-950: #440616;
}