Majestic Eggplant to Jacuzzi Color Palette

About this palette

Majestic Eggplant to Jacuzzi is a 4-color cool palette: #3F3B8D (Majestic Eggplant), #84B8EB (Electric Eel), #E3DAFF (Scented Spring), #0078A7 (Jacuzzi). It mixes purple, blue tones and feels cool overall. The strongest text pairing is #3F3B8D on #E3DAFF with a contrast ratio of 7.08:1, and 2 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Majestic Eggplant	rgb(63, 59, 141)	hsl(243, 41%, 39%)
Electric Eel	rgb(132, 184, 235)	hsl(210, 72%, 72%)
Scented Spring	rgb(227, 218, 255)	hsl(255, 100%, 93%)
Jacuzzi	rgb(0, 120, 167)	hsl(197, 100%, 33%)

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.

Aa7.08:1 Very good#3F3B8D on #E3DAFF
Aa7.08:1 Very good#E3DAFF on #3F3B8D
Aa4.52:1 Good#3F3B8D on #84B8EB
Aa4.52:1 Good#84B8EB on #3F3B8D
Aa3.71:1 Poor#E3DAFF on #0078A7
Aa3.71:1 Poor#0078A7 on #E3DAFF

Color blindness preview

CSS variables

/* Majestic Eggplant to Jacuzzi — https://swatchly.xyz/palette/3f3b8d-84b8eb-e3daff-0078a7 */
:root {
  --majestic-eggplant: #3f3b8d;
  --electric-eel: #84b8eb;
  --scented-spring: #e3daff;
  --jacuzzi: #0078a7;
}

Tailwind CSS v4

/* Majestic Eggplant to Jacuzzi — https://swatchly.xyz/palette/3f3b8d-84b8eb-e3daff-0078a7 */
@theme {
  --color-majestic-eggplant: #3f3b8d;
  --color-majestic-eggplant-50: #f3f4ff;
  --color-majestic-eggplant-100: #e7e9ff;
  --color-majestic-eggplant-200: #d0d4ff;
  --color-majestic-eggplant-300: #b7bbff;
  --color-majestic-eggplant-400: #969af1;
  --color-majestic-eggplant-500: #7c7fd7;
  --color-majestic-eggplant-600: #6465ba;
  --color-majestic-eggplant-700: #504f9e;
  --color-majestic-eggplant-800: #3f3b8d;
  --color-majestic-eggplant-900: #302e6b;
  --color-majestic-eggplant-950: #1e1c48;
  --color-electric-eel: #84b8eb;
  --color-electric-eel-50: #e1f0ff;
  --color-electric-eel-100: #cbe5ff;
  --color-electric-eel-200: #a6d0fa;
  --color-electric-eel-300: #84b8eb;
  --color-electric-eel-400: #699bcb;
  --color-electric-eel-500: #4f82b2;
  --color-electric-eel-600: #396996;
  --color-electric-eel-700: #28547d;
  --color-electric-eel-800: #1b4367;
  --color-electric-eel-900: #123554;
  --color-electric-eel-950: #082137;
  --color-scented-spring: #e3daff;
  --color-scented-spring-50: #fbfaff;
  --color-scented-spring-100: #f4f0ff;
  --color-scented-spring-200: #e3daff;
  --color-scented-spring-300: #cac3e1;
  --color-scented-spring-400: #aaa1c2;
  --color-scented-spring-500: #8d84a6;
  --color-scented-spring-600: #716989;
  --color-scented-spring-700: #59516e;
  --color-scented-spring-800: #443e57;
  --color-scented-spring-900: #352f44;
  --color-scented-spring-950: #201c2c;
  --color-jacuzzi: #0078a7;
  --color-jacuzzi-50: #ebf7ff;
  --color-jacuzzi-100: #d7f0ff;
  --color-jacuzzi-200: #aee1ff;
  --color-jacuzzi-300: #81cdf8;
  --color-jacuzzi-400: #56aede;
  --color-jacuzzi-500: #3293c3;
  --color-jacuzzi-600: #0078a7;
  --color-jacuzzi-700: #005f86;
  --color-jacuzzi-800: #004a69;
  --color-jacuzzi-900: #003952;
  --color-jacuzzi-950: #002335;
}