Opulent Purple to Calm Waters Color Palette

About this palette

Opulent Purple to Calm Waters is a 5-color warm, vintage palette: #6A2F62 (Opulent Purple), #72651C (Himalaya), #34AFC4 (Aquarius), #F097DD (Love Dust), #E6F9FF (Calm Waters). It mixes purple, brown, turquoise, pink, white tones and feels warm overall. The strongest text pairing is #6A2F62 on #E6F9FF with a contrast ratio of 8.82:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Opulent Purple	rgb(106, 47, 98)	hsl(308, 39%, 30%)
Himalaya	rgb(114, 101, 28)	hsl(51, 61%, 28%)
Aquarius	rgb(52, 175, 196)	hsl(189, 58%, 49%)
Love Dust	rgb(240, 151, 221)	hsl(313, 75%, 77%)
Calm Waters	rgb(230, 249, 255)	hsl(194, 100%, 95%)

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.

Aa8.82:1 Very good#6A2F62 on #E6F9FF
Aa8.82:1 Very good#E6F9FF on #6A2F62
Aa5.39:1 Good#72651C on #E6F9FF
Aa5.39:1 Good#E6F9FF on #72651C
Aa4.63:1 Good#6A2F62 on #F097DD
Aa4.63:1 Good#F097DD on #6A2F62
Aa3.68:1 Poor#6A2F62 on #34AFC4
Aa3.68:1 Poor#34AFC4 on #6A2F62

Color blindness preview

CSS variables

/* Opulent Purple to Calm Waters — https://swatchly.xyz/palette/6a2f62-72651c-34afc4-f097dd-e6f9ff */
:root {
  --opulent-purple: #6a2f62;
  --himalaya: #72651c;
  --aquarius: #34afc4;
  --love-dust: #f097dd;
  --calm-waters: #e6f9ff;
}

Tailwind CSS v4

/* Opulent Purple to Calm Waters — https://swatchly.xyz/palette/6a2f62-72651c-34afc4-f097dd-e6f9ff */
@theme {
  --color-opulent-purple: #6a2f62;
  --color-opulent-purple-50: #fff0fc;
  --color-opulent-purple-100: #ffe0f9;
  --color-opulent-purple-200: #f8c4ef;
  --color-opulent-purple-300: #e7acdc;
  --color-opulent-purple-400: #cb8bc0;
  --color-opulent-purple-500: #b170a6;
  --color-opulent-purple-600: #95578c;
  --color-opulent-purple-700: #7c4374;
  --color-opulent-purple-800: #6a2f62;
  --color-opulent-purple-900: #51254b;
  --color-opulent-purple-950: #351531;
  --color-himalaya: #72651c;
  --color-himalaya-50: #fdf6d0;
  --color-himalaya-100: #f3ebbf;
  --color-himalaya-200: #e0d6a2;
  --color-himalaya-300: #cabe82;
  --color-himalaya-400: #aa9d5a;
  --color-himalaya-500: #8e813b;
  --color-himalaya-600: #72651c;
  --color-himalaya-700: #5b500c;
  --color-himalaya-800: #483e01;
  --color-himalaya-900: #383000;
  --color-himalaya-950: #231d00;
  --color-aquarius: #34afc4;
  --color-aquarius-50: #dff9ff;
  --color-aquarius-100: #bef4ff;
  --color-aquarius-200: #93e4f4;
  --color-aquarius-300: #6ecee0;
  --color-aquarius-400: #34afc4;
  --color-aquarius-500: #0093a7;
  --color-aquarius-600: #007787;
  --color-aquarius-700: #005e6c;
  --color-aquarius-800: #004a55;
  --color-aquarius-900: #003942;
  --color-aquarius-950: #00242b;
  --color-love-dust: #f097dd;
  --color-love-dust-50: #ffebfa;
  --color-love-dust-100: #ffd9f5;
  --color-love-dust-200: #feb7ee;
  --color-love-dust-300: #f097dd;
  --color-love-dust-400: #ce7abd;
  --color-love-dust-500: #b35fa2;
  --color-love-dust-600: #964687;
  --color-love-dust-700: #7c336f;
  --color-love-dust-800: #642459;
  --color-love-dust-900: #501947;
  --color-love-dust-950: #340d2e;
  --color-calm-waters: #e6f9ff;
  --color-calm-waters-50: #e6f9ff;
  --color-calm-waters-100: #e2edf1;
  --color-calm-waters-200: #cddadf;
  --color-calm-waters-300: #b4c4c9;
  --color-calm-waters-400: #94a5aa;
  --color-calm-waters-500: #788a8f;
  --color-calm-waters-600: #5f6f74;
  --color-calm-waters-700: #49585d;
  --color-calm-waters-800: #384549;
  --color-calm-waters-900: #2a3538;
  --color-calm-waters-950: #192123;
}