Succulent Lime to Black Velvet color palette

D4E073Succulent Lime AEB86CAround the Gills 009B75Rainforest 723871Eminence 2D1C31Black Velvet

About this palette

Succulent Lime to Black Velvet is a 5-color cool palette: #D4E073 (Succulent Lime), #AEB86C (Around the Gills), #009B75 (Rainforest), #723871 (Eminence), #2D1C31 (Black Velvet). It mixes green, turquoise, purple tones and feels cool overall. The strongest text pairing is #D4E073 on #2D1C31 with a contrast ratio of 11.13:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Succulent Lime	rgb(212, 224, 115)	hsl(67, 64%, 66%)
Around the Gills	rgb(174, 184, 108)	hsl(68, 35%, 57%)
Rainforest	rgb(0, 155, 117)	hsl(165, 100%, 30%)
Eminence	rgb(114, 56, 113)	hsl(301, 34%, 33%)
Black Velvet	rgb(45, 28, 49)	hsl(289, 27%, 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.

Aa11.13:1 Very good#D4E073 on #2D1C31
Aa11.13:1 Very good#2D1C31 on #D4E073
Aa7.47:1 Very good#AEB86C on #2D1C31
Aa7.47:1 Very good#2D1C31 on #AEB86C
Aa5.84:1 Good#D4E073 on #723871
Aa5.84:1 Good#723871 on #D4E073
Aa4.50:1 Poor#009B75 on #2D1C31
Aa4.50:1 Poor#2D1C31 on #009B75

Color blindness preview

CSS variables

/* Succulent Lime to Black Velvet — https://swatchly.xyz/palette/d4e073-aeb86c-009b75-723871-2d1c31 */
:root {
  --succulent-lime: #d4e073;
  --around-the-gills: #aeb86c;
  --rainforest: #009b75;
  --eminence: #723871;
  --black-velvet: #2d1c31;
}

Tailwind CSS v4

/* Succulent Lime to Black Velvet — https://swatchly.xyz/palette/d4e073-aeb86c-009b75-723871-2d1c31 */
@theme {
  --color-succulent-lime: #d4e073;
  --color-succulent-lime-50: #f2fbc1;
  --color-succulent-lime-100: #e8f1b0;
  --color-succulent-lime-200: #d4e073;
  --color-succulent-lime-300: #bec86e;
  --color-succulent-lime-400: #9fa940;
  --color-succulent-lime-500: #848e12;
  --color-succulent-lime-600: #6b7200;
  --color-succulent-lime-700: #545b00;
  --color-succulent-lime-800: #424700;
  --color-succulent-lime-900: #323700;
  --color-succulent-lime-950: #1f2200;
  --color-around-the-gills: #aeb86c;
  --color-around-the-gills-50: #f9ffda;
  --color-around-the-gills-100: #f1f8cd;
  --color-around-the-gills-200: #e0e8b4;
  --color-around-the-gills-300: #cbd498;
  --color-around-the-gills-400: #aeb86c;
  --color-around-the-gills-500: #90994f;
  --color-around-the-gills-600: #737c30;
  --color-around-the-gills-700: #5a6218;
  --color-around-the-gills-800: #454b05;
  --color-around-the-gills-900: #343900;
  --color-around-the-gills-950: #1f2200;
  --color-rainforest: #009b75;
  --color-rainforest-50: #d9ffef;
  --color-rainforest-100: #b8fce0;
  --color-rainforest-200: #98eaca;
  --color-rainforest-300: #74d6b2;
  --color-rainforest-400: #41b791;
  --color-rainforest-500: #009b75;
  --color-rainforest-600: #007d5e;
  --color-rainforest-700: #00634a;
  --color-rainforest-800: #004e39;
  --color-rainforest-900: #003c2c;
  --color-rainforest-950: #00261a;
  --color-eminence: #723871;
  --color-eminence-50: #fff0fe;
  --color-eminence-100: #ffe0fd;
  --color-eminence-200: #f6c4f3;
  --color-eminence-300: #e2a9e0;
  --color-eminence-400: #c487c2;
  --color-eminence-500: #a86aa6;
  --color-eminence-600: #8a5089;
  --color-eminence-700: #723871;
  --color-eminence-800: #592b58;
  --color-eminence-900: #461f45;
  --color-eminence-950: #2d112d;
  --color-black-velvet: #2d1c31;
  --color-black-velvet-50: #fcf1ff;
  --color-black-velvet-100: #f4e6f7;
  --color-black-velvet-200: #e2d1e6;
  --color-black-velvet-300: #ccb9d1;
  --color-black-velvet-400: #ae99b3;
  --color-black-velvet-500: #937f98;
  --color-black-velvet-600: #79657e;
  --color-black-velvet-700: #625067;
  --color-black-velvet-800: #4f3f53;
  --color-black-velvet-900: #3f3142;
  --color-black-velvet-950: #2d1c31;
}