Limonana to Yearning Desire Color Palette

About this palette

Limonana to Yearning Desire is a 4-color vibrant, neon palette: #00E566 (Limonana), #CC6E00 (Cinnamon), #00B4DE (Aquarius), #C70058 (Yearning Desire). It mixes green, orange, blue, red tones and feels balanced overall. The strongest text pairing is #00E566 on #C70058 with a contrast ratio of 3.47:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Limonana	rgb(0, 229, 102)	hsl(147, 100%, 45%)
Cinnamon	rgb(204, 110, 0)	hsl(32, 100%, 40%)
Aquarius	rgb(0, 180, 222)	hsl(191, 100%, 44%)
Yearning Desire	rgb(199, 0, 88)	hsl(333, 100%, 39%)

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.

Aa3.47:1 Poor#00E566 on #C70058
Aa3.47:1 Poor#C70058 on #00E566

Color blindness preview

CSS variables

/* Limonana to Yearning Desire — https://swatchly.xyz/palette/00e566-cc6e00-00b4de-c70058 */
:root {
  --limonana: #00e566;
  --cinnamon: #cc6e00;
  --aquarius: #00b4de;
  --yearning-desire: #c70058;
}

Tailwind CSS v4

/* Limonana to Yearning Desire — https://swatchly.xyz/palette/00e566-cc6e00-00b4de-c70058 */
@theme {
  --color-limonana: #00e566;
  --color-limonana-50: #ddffe1;
  --color-limonana-100: #b6ffc3;
  --color-limonana-200: #7cf597;
  --color-limonana-300: #00e566;
  --color-limonana-400: #00c054;
  --color-limonana-500: #00a045;
  --color-limonana-600: #008136;
  --color-limonana-700: #00672a;
  --color-limonana-800: #00511f;
  --color-limonana-900: #003f16;
  --color-limonana-950: #00280b;
  --color-cinnamon: #cc6e00;
  --color-cinnamon-50: #fff3eb;
  --color-cinnamon-100: #ffe8d7;
  --color-cinnamon-200: #ffcfab;
  --color-cinnamon-300: #ffaf71;
  --color-cinnamon-400: #e78b3c;
  --color-cinnamon-500: #cc6e00;
  --color-cinnamon-600: #a55800;
  --color-cinnamon-700: #844500;
  --color-cinnamon-800: #683500;
  --color-cinnamon-900: #512800;
  --color-cinnamon-950: #341700;
  --color-aquarius: #00b4de;
  --color-aquarius-50: #e9f9ff;
  --color-aquarius-100: #d1f2ff;
  --color-aquarius-200: #9ce5ff;
  --color-aquarius-300: #64d2f6;
  --color-aquarius-400: #00b4de;
  --color-aquarius-500: #0096b9;
  --color-aquarius-600: #007996;
  --color-aquarius-700: #006077;
  --color-aquarius-800: #004b5e;
  --color-aquarius-900: #003949;
  --color-aquarius-950: #00242e;
  --color-yearning-desire: #c70058;
  --color-yearning-desire-50: #fff1f3;
  --color-yearning-desire-100: #ffe3e8;
  --color-yearning-desire-200: #ffc6d1;
  --color-yearning-desire-300: #ffa3b5;
  --color-yearning-desire-400: #ff658e;
  --color-yearning-desire-500: #e73772;
  --color-yearning-desire-600: #c70058;
  --color-yearning-desire-700: #a00045;
  --color-yearning-desire-800: #7f0035;
  --color-yearning-desire-900: #630028;
  --color-yearning-desire-950: #410018;
}