Delta Mint to Black Velvet color palette

C8EBCFDelta Mint 7EAB85Green Goddess A4607DCinnapink 4E4A6FHaunted Candelabra 281D31Black Velvet

About this palette

Delta Mint to Black Velvet is a 5-color cool palette: #C8EBCF (Delta Mint), #7EAB85 (Green Goddess), #A4607D (Cinnapink), #4E4A6F (Haunted Candelabra), #281D31 (Black Velvet). It mixes green, red, purple tones and feels cool overall. The strongest text pairing is #C8EBCF on #281D31 with a contrast ratio of 12.39:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Delta Mint	rgb(200, 235, 207)	hsl(132, 47%, 85%)
Green Goddess	rgb(126, 171, 133)	hsl(129, 21%, 58%)
Cinnapink	rgb(164, 96, 125)	hsl(334, 27%, 51%)
Haunted Candelabra	rgb(78, 74, 111)	hsl(246, 20%, 36%)
Black Velvet	rgb(40, 29, 49)	hsl(273, 26%, 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.

Aa12.39:1 Super#C8EBCF on #281D31
Aa12.39:1 Super#281D31 on #C8EBCF
Aa6.41:1 Good#C8EBCF on #4E4A6F
Aa6.41:1 Good#4E4A6F on #C8EBCF
Aa6.14:1 Good#7EAB85 on #281D31
Aa6.14:1 Good#281D31 on #7EAB85
Aa3.57:1 Poor#C8EBCF on #A4607D
Aa3.57:1 Poor#A4607D on #C8EBCF

Color blindness preview

CSS variables

/* Delta Mint to Black Velvet — https://swatchly.xyz/palette/c8ebcf-7eab85-a4607d-4e4a6f-281d31 */
:root {
  --delta-mint: #c8ebcf;
  --green-goddess: #7eab85;
  --cinnapink: #a4607d;
  --haunted-candelabra: #4e4a6f;
  --black-velvet: #281d31;
}

Tailwind CSS v4

/* Delta Mint to Black Velvet — https://swatchly.xyz/palette/c8ebcf-7eab85-a4607d-4e4a6f-281d31 */
@theme {
  --color-delta-mint: #c8ebcf;
  --color-delta-mint-50: #f3fff5;
  --color-delta-mint-100: #e5f9e9;
  --color-delta-mint-200: #c8ebcf;
  --color-delta-mint-300: #b5d1ba;
  --color-delta-mint-400: #91b197;
  --color-delta-mint-500: #73947a;
  --color-delta-mint-600: #58775f;
  --color-delta-mint-700: #425f49;
  --color-delta-mint-800: #314936;
  --color-delta-mint-900: #243929;
  --color-delta-mint-950: #142318;
  --color-green-goddess: #7eab85;
  --color-green-goddess-50: #e2fce5;
  --color-green-goddess-100: #d5f2d9;
  --color-green-goddess-200: #bde0c1;
  --color-green-goddess-300: #a2caa8;
  --color-green-goddess-400: #7eab85;
  --color-green-goddess-500: #64906b;
  --color-green-goddess-600: #4b7552;
  --color-green-goddess-700: #385e3f;
  --color-green-goddess-800: #294a2f;
  --color-green-goddess-900: #1d3a23;
  --color-green-goddess-950: #102514;
  --color-cinnapink: #a4607d;
  --color-cinnapink-50: #fff1f6;
  --color-cinnapink-100: #ffe6ef;
  --color-cinnapink-200: #ffccdf;
  --color-cinnapink-300: #f1b3cc;
  --color-cinnapink-400: #d793af;
  --color-cinnapink-500: #be7996;
  --color-cinnapink-600: #a4607d;
  --color-cinnapink-700: #874864;
  --color-cinnapink-800: #6c354e;
  --color-cinnapink-900: #55263b;
  --color-cinnapink-950: #371625;
  --color-haunted-candelabra: #4e4a6f;
  --color-haunted-candelabra-50: #f4f4ff;
  --color-haunted-candelabra-100: #eae8ff;
  --color-haunted-candelabra-200: #d4d2f3;
  --color-haunted-candelabra-300: #bdbadf;
  --color-haunted-candelabra-400: #9c99c1;
  --color-haunted-candelabra-500: #807ca5;
  --color-haunted-candelabra-600: #656187;
  --color-haunted-candelabra-700: #4e4a6f;
  --color-haunted-candelabra-800: #3d3956;
  --color-haunted-candelabra-900: #2e2c44;
  --color-haunted-candelabra-950: #1c1a2b;
  --color-black-velvet: #281d31;
  --color-black-velvet-50: #f9f2ff;
  --color-black-velvet-100: #f0e7f8;
  --color-black-velvet-200: #ddd3e7;
  --color-black-velvet-300: #c7bbd2;
  --color-black-velvet-400: #a89bb4;
  --color-black-velvet-500: #8e8199;
  --color-black-velvet-600: #74677f;
  --color-black-velvet-700: #5d5267;
  --color-black-velvet-800: #4a4053;
  --color-black-velvet-900: #3a3242;
  --color-black-velvet-950: #281d31;
}