Apricot Freeze to Black Velvet color palette

EECFB7Apricot Freeze BF9DD6Enchanted Lavender B17717Falafel 005454Cape Verde 29202EBlack Velvet

About this palette

Apricot Freeze to Black Velvet is a 5-color vintage palette: #EECFB7 (Apricot Freeze), #BF9DD6 (Enchanted Lavender), #B17717 (Falafel), #005454 (Cape Verde), #29202E (Black Velvet). It mixes orange, purple, turquoise, gray tones and feels balanced overall. The strongest text pairing is #EECFB7 on #29202E with a contrast ratio of 10.63:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Apricot Freeze	rgb(238, 207, 183)	hsl(26, 62%, 83%)
Enchanted Lavender	rgb(191, 157, 214)	hsl(276, 41%, 73%)
Falafel	rgb(177, 119, 23)	hsl(37, 77%, 39%)
Cape Verde	rgb(0, 84, 84)	hsl(180, 100%, 16%)
Black Velvet	rgb(41, 32, 46)	hsl(279, 18%, 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.63:1 Very good#EECFB7 on #29202E
Aa10.63:1 Very good#29202E on #EECFB7
Aa6.72:1 Good#BF9DD6 on #29202E
Aa6.72:1 Good#29202E on #BF9DD6
Aa5.94:1 Good#EECFB7 on #005454
Aa5.94:1 Good#005454 on #EECFB7
Aa4.12:1 Poor#B17717 on #29202E
Aa4.12:1 Poor#29202E on #B17717

Color blindness preview

CSS variables

/* Apricot Freeze to Black Velvet — https://swatchly.xyz/palette/eecfb7-bf9dd6-b17717-005454-29202e */
:root {
  --apricot-freeze: #eecfb7;
  --enchanted-lavender: #bf9dd6;
  --falafel: #b17717;
  --cape-verde: #005454;
  --black-velvet: #29202e;
}

Tailwind CSS v4

/* Apricot Freeze to Black Velvet — https://swatchly.xyz/palette/eecfb7-bf9dd6-b17717-005454-29202e */
@theme {
  --color-apricot-freeze: #eecfb7;
  --color-apricot-freeze-50: #fff1e6;
  --color-apricot-freeze-100: #f9e5d6;
  --color-apricot-freeze-200: #eecfb7;
  --color-apricot-freeze-300: #d4baa6;
  --color-apricot-freeze-400: #b69a84;
  --color-apricot-freeze-500: #9b7f69;
  --color-apricot-freeze-600: #806550;
  --color-apricot-freeze-700: #684f3c;
  --color-apricot-freeze-800: #523d2d;
  --color-apricot-freeze-900: #402f20;
  --color-apricot-freeze-950: #291c12;
  --color-enchanted-lavender: #bf9dd6;
  --color-enchanted-lavender-50: #fcf7ff;
  --color-enchanted-lavender-100: #f7ecff;
  --color-enchanted-lavender-200: #edd4fe;
  --color-enchanted-lavender-300: #dabeed;
  --color-enchanted-lavender-400: #bf9dd6;
  --color-enchanted-lavender-500: #a180b7;
  --color-enchanted-lavender-600: #836498;
  --color-enchanted-lavender-700: #694c7c;
  --color-enchanted-lavender-800: #533963;
  --color-enchanted-lavender-900: #3f2a4d;
  --color-enchanted-lavender-950: #271831;
  --color-falafel: #b17717;
  --color-falafel-50: #fff3e4;
  --color-falafel-100: #ffe6c8;
  --color-falafel-200: #fcce92;
  --color-falafel-300: #eab56f;
  --color-falafel-400: #cd9342;
  --color-falafel-500: #b17717;
  --color-falafel-600: #915e00;
  --color-falafel-700: #744a00;
  --color-falafel-800: #5b3a00;
  --color-falafel-900: #472c00;
  --color-falafel-950: #2d1a00;
  --color-cape-verde: #005454;
  --color-cape-verde-50: #d9fefd;
  --color-cape-verde-100: #cbf5f4;
  --color-cape-verde-200: #b1e3e2;
  --color-cape-verde-300: #96cfce;
  --color-cape-verde-400: #71b1b0;
  --color-cape-verde-500: #549796;
  --color-cape-verde-600: #397d7c;
  --color-cape-verde-700: #256666;
  --color-cape-verde-800: #005454;
  --color-cape-verde-900: #094040;
  --color-cape-verde-950: #022929;
  --color-black-velvet: #29202e;
  --color-black-velvet-50: #f9f2fd;
  --color-black-velvet-100: #efe8f4;
  --color-black-velvet-200: #dcd4e2;
  --color-black-velvet-300: #c7bdcc;
  --color-black-velvet-400: #a89dae;
  --color-black-velvet-500: #8d8294;
  --color-black-velvet-600: #74697a;
  --color-black-velvet-700: #5d5463;
  --color-black-velvet-800: #4b4250;
  --color-black-velvet-900: #3b343f;
  --color-black-velvet-950: #29202e;
}