Neon Violet to La Vie en Rose color palette

674570Neon Violet F6C5E2Sugarwinkle 3B2649Purple Void A86292Bermuda Onion D1ABA9La Vie en Rose

About this palette

Neon Violet to La Vie en Rose is a 5-color warm, vintage palette: #674570 (Neon Violet), #F6C5E2 (Sugarwinkle), #3B2649 (Purple Void), #A86292 (Bermuda Onion), #D1ABA9 (La Vie en Rose). It mixes purple, pink, red tones and feels warm overall. The strongest text pairing is #F6C5E2 on #3B2649 with a contrast ratio of 8.98:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Neon Violet	rgb(103, 69, 112)	hsl(287, 24%, 35%)
Sugarwinkle	rgb(246, 197, 226)	hsl(324, 73%, 87%)
Purple Void	rgb(59, 38, 73)	hsl(276, 32%, 22%)
Bermuda Onion	rgb(168, 98, 146)	hsl(319, 29%, 52%)
La Vie en Rose	rgb(209, 171, 169)	hsl(3, 30%, 74%)

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.98:1 Very good#F6C5E2 on #3B2649
Aa8.98:1 Very good#3B2649 on #F6C5E2
Aa6.48:1 Good#3B2649 on #D1ABA9
Aa6.48:1 Good#D1ABA9 on #3B2649
Aa5.26:1 Good#674570 on #F6C5E2
Aa5.26:1 Good#F6C5E2 on #674570
Aa3.80:1 Poor#674570 on #D1ABA9
Aa3.80:1 Poor#D1ABA9 on #674570

Color blindness preview

CSS variables

/* Neon Violet to La Vie en Rose — https://swatchly.xyz/palette/674570-f6c5e2-3b2649-a86292-d1aba9 */
:root {
  --neon-violet: #674570;
  --sugarwinkle: #f6c5e2;
  --purple-void: #3b2649;
  --bermuda-onion: #a86292;
  --la-vie-en-rose: #d1aba9;
}

Tailwind CSS v4

/* Neon Violet to La Vie en Rose — https://swatchly.xyz/palette/674570-f6c5e2-3b2649-a86292-d1aba9 */
@theme {
  --color-neon-violet: #674570;
  --color-neon-violet-50: #fcf1ff;
  --color-neon-violet-100: #f9e2ff;
  --color-neon-violet-200: #e9cbf1;
  --color-neon-violet-300: #d4b3dd;
  --color-neon-violet-400: #b692c0;
  --color-neon-violet-500: #9a76a4;
  --color-neon-violet-600: #7e5c88;
  --color-neon-violet-700: #674570;
  --color-neon-violet-800: #513558;
  --color-neon-violet-900: #3f2845;
  --color-neon-violet-950: #28172c;
  --color-sugarwinkle: #f6c5e2;
  --color-sugarwinkle-50: #ffeff8;
  --color-sugarwinkle-100: #ffdff2;
  --color-sugarwinkle-200: #f6c5e2;
  --color-sugarwinkle-300: #dbb1ca;
  --color-sugarwinkle-400: #bd91ac;
  --color-sugarwinkle-500: #a27691;
  --color-sugarwinkle-600: #865c76;
  --color-sugarwinkle-700: #6d475e;
  --color-sugarwinkle-800: #57364b;
  --color-sugarwinkle-900: #44283a;
  --color-sugarwinkle-950: #2c1824;
  --color-purple-void: #3b2649;
  --color-purple-void-50: #f9f2ff;
  --color-purple-void-100: #f3e4ff;
  --color-purple-void-200: #e2cff0;
  --color-purple-void-300: #cdb7dc;
  --color-purple-void-400: #ae96bf;
  --color-purple-void-500: #927aa3;
  --color-purple-void-600: #766086;
  --color-purple-void-700: #5e4a6d;
  --color-purple-void-800: #493856;
  --color-purple-void-900: #3b2649;
  --color-purple-void-950: #23182a;
  --color-bermuda-onion: #a86292;
  --color-bermuda-onion-50: #ffeef8;
  --color-bermuda-onion-100: #ffdcf2;
  --color-bermuda-onion-200: #f9bee4;
  --color-bermuda-onion-300: #e5a2ce;
  --color-bermuda-onion-400: #c67faf;
  --color-bermuda-onion-500: #a86292;
  --color-bermuda-onion-600: #8c4a78;
  --color-bermuda-onion-700: #733861;
  --color-bermuda-onion-800: #5c294d;
  --color-bermuda-onion-900: #491e3d;
  --color-bermuda-onion-950: #301127;
  --color-la-vie-en-rose: #d1aba9;
  --color-la-vie-en-rose-50: #ffe9e8;
  --color-la-vie-en-rose-100: #f7dcdb;
  --color-la-vie-en-rose-200: #e4c5c4;
  --color-la-vie-en-rose-300: #d1aba9;
  --color-la-vie-en-rose-400: #b28e8c;
  --color-la-vie-en-rose-500: #987573;
  --color-la-vie-en-rose-600: #7e5d5c;
  --color-la-vie-en-rose-700: #674948;
  --color-la-vie-en-rose-800: #533938;
  --color-la-vie-en-rose-900: #422c2b;
  --color-la-vie-en-rose-950: #2a1a1a;
}