Slightly in Love to Evil Cigar color palette

FFE6D9Slightly in Love BAC069Zoodles 0083BEMediterranean Blue 60489CUltrapurple Merge 4D2900Evil Cigar

Open in generator Export PNG, PDF, ASE…

About this palette

Slightly in Love to Evil Cigar is a 5-color vintage palette: #FFE6D9 (Slightly in Love), #BAC069 (Zoodles), #0083BE (Mediterranean Blue), #60489C (Ultrapurple Merge), #4D2900 (Evil Cigar). It mixes white, green, blue, purple, brown tones and feels balanced overall. The strongest text pairing is #FFE6D9 on #4D2900 with a contrast ratio of 10.76:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Slightly in Love	rgb(255, 230, 217)	hsl(21, 100%, 93%)
Zoodles	rgb(186, 192, 105)	hsl(64, 41%, 58%)
Mediterranean Blue	rgb(0, 131, 190)	hsl(199, 100%, 37%)
Ultrapurple Merge	rgb(96, 72, 156)	hsl(257, 37%, 45%)
Evil Cigar	rgb(77, 41, 0)	hsl(32, 100%, 15%)

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.76:1 Very good#FFE6D9 on #4D2900
Aa10.76:1 Very good#4D2900 on #FFE6D9
Aa6.63:1 Good#BAC069 on #4D2900
Aa6.63:1 Good#4D2900 on #BAC069
Aa6.05:1 Good#FFE6D9 on #60489C
Aa6.05:1 Good#60489C on #FFE6D9
Aa3.73:1 Poor#BAC069 on #60489C
Aa3.73:1 Poor#60489C on #BAC069

Color blindness preview

CSS variables

/* Slightly in Love to Evil Cigar — https://swatchly.xyz/palette/ffe6d9-bac069-0083be-60489c-4d2900 */
:root {
  --slightly-in-love: #ffe6d9;
  --zoodles: #bac069;
  --mediterranean-blue: #0083be;
  --ultrapurple-merge: #60489c;
  --evil-cigar: #4d2900;
}

Tailwind CSS v4

/* Slightly in Love to Evil Cigar — https://swatchly.xyz/palette/ffe6d9-bac069-0083be-60489c-4d2900 */
@theme {
  --color-slightly-in-love: #ffe6d9;
  --color-slightly-in-love-50: #fff3ed;
  --color-slightly-in-love-100: #ffe6d9;
  --color-slightly-in-love-200: #e6d4ca;
  --color-slightly-in-love-300: #d1bdb2;
  --color-slightly-in-love-400: #b39d91;
  --color-slightly-in-love-500: #978175;
  --color-slightly-in-love-600: #7c675c;
  --color-slightly-in-love-700: #645147;
  --color-slightly-in-love-800: #4f3e36;
  --color-slightly-in-love-900: #3d2f28;
  --color-slightly-in-love-950: #271d17;
  --color-zoodles: #bac069;
  --color-zoodles-50: #f1f6c4;
  --color-zoodles-100: #e6ebb3;
  --color-zoodles-200: #d1d794;
  --color-zoodles-300: #bac069;
  --color-zoodles-400: #9ca24e;
  --color-zoodles-500: #83872f;
  --color-zoodles-600: #6a6e10;
  --color-zoodles-700: #555800;
  --color-zoodles-800: #434500;
  --color-zoodles-900: #343600;
  --color-zoodles-950: #202100;
  --color-mediterranean-blue: #0083be;
  --color-mediterranean-blue-50: #e7f5ff;
  --color-mediterranean-blue-100: #cfebff;
  --color-mediterranean-blue-200: #a1d9ff;
  --color-mediterranean-blue-300: #6cc3fa;
  --color-mediterranean-blue-400: #3ba1dd;
  --color-mediterranean-blue-500: #0083be;
  --color-mediterranean-blue-600: #00699a;
  --color-mediterranean-blue-700: #00547c;
  --color-mediterranean-blue-800: #004262;
  --color-mediterranean-blue-900: #00334e;
  --color-mediterranean-blue-950: #002034;
  --color-ultrapurple-merge: #60489c;
  --color-ultrapurple-merge-50: #f5f3ff;
  --color-ultrapurple-merge-100: #ece8ff;
  --color-ultrapurple-merge-200: #dad1ff;
  --color-ultrapurple-merge-300: #c6b6ff;
  --color-ultrapurple-merge-400: #a994eb;
  --color-ultrapurple-merge-500: #8f79d1;
  --color-ultrapurple-merge-600: #755fb4;
  --color-ultrapurple-merge-700: #60489c;
  --color-ultrapurple-merge-800: #4b377d;
  --color-ultrapurple-merge-900: #3a2864;
  --color-ultrapurple-merge-950: #241743;
  --color-evil-cigar: #4d2900;
  --color-evil-cigar-50: #fff3e8;
  --color-evil-cigar-100: #ffe6d1;
  --color-evil-cigar-200: #f2d0b3;
  --color-evil-cigar-300: #dfb998;
  --color-evil-cigar-400: #c29874;
  --color-evil-cigar-500: #a67c57;
  --color-evil-cigar-600: #8a623e;
  --color-evil-cigar-700: #714d2b;
  --color-evil-cigar-800: #5a3b1d;
  --color-evil-cigar-900: #4d2900;
  --color-evil-cigar-950: #2e1b08;
}