Cape Verde to Buzz Color Palette

About this palette

Cape Verde to Buzz is a 5-color cool palette: #00534C (Cape Verde), #A02E56 (Thorne Wines), #009E8F (Green Dynasty), #86AFFF (Kitten’s Eye), #ECC435 (Buzz). It mixes turquoise, red, blue, yellow tones and feels cool overall. The strongest text pairing is #00534C on #ECC435 with a contrast ratio of 5.34:1, and 1 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Cape Verde	rgb(0, 83, 76)	hsl(175, 100%, 16%)
Thorne Wines	rgb(160, 46, 86)	hsl(339, 55%, 40%)
Green Dynasty	rgb(0, 158, 143)	hsl(174, 100%, 31%)
Kitten’s Eye	rgb(134, 175, 255)	hsl(220, 100%, 76%)
Buzz	rgb(236, 196, 53)	hsl(47, 83%, 57%)

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.

Aa5.34:1 Good#00534C on #ECC435
Aa5.34:1 Good#ECC435 on #00534C
Aa4.14:1 Poor#A02E56 on #ECC435
Aa4.14:1 Poor#ECC435 on #A02E56
Aa4.10:1 Poor#00534C on #86AFFF
Aa4.10:1 Poor#86AFFF on #00534C
Aa3.18:1 Poor#A02E56 on #86AFFF
Aa3.18:1 Poor#86AFFF on #A02E56

Color blindness preview

CSS variables

/* Cape Verde to Buzz — https://swatchly.xyz/palette/00534c-a02e56-009e8f-86afff-ecc435 */
:root {
  --cape-verde: #00534c;
  --thorne-wines: #a02e56;
  --green-dynasty: #009e8f;
  --kitten-s-eye: #86afff;
  --buzz: #ecc435;
}

Tailwind CSS v4

/* Cape Verde to Buzz — https://swatchly.xyz/palette/00534c-a02e56-009e8f-86afff-ecc435 */
@theme {
  --color-cape-verde: #00534c;
  --color-cape-verde-50: #dafef8;
  --color-cape-verde-100: #ccf5ef;
  --color-cape-verde-200: #b2e3dc;
  --color-cape-verde-300: #96cfc7;
  --color-cape-verde-400: #71b1a9;
  --color-cape-verde-500: #54978e;
  --color-cape-verde-600: #3a7c74;
  --color-cape-verde-700: #25655e;
  --color-cape-verde-800: #00534c;
  --color-cape-verde-900: #0a3f3a;
  --color-cape-verde-950: #032825;
  --color-thorne-wines: #a02e56;
  --color-thorne-wines-50: #fff1f4;
  --color-thorne-wines-100: #ffe3e9;
  --color-thorne-wines-200: #ffc9d5;
  --color-thorne-wines-300: #ffa8bd;
  --color-thorne-wines-400: #f07d9d;
  --color-thorne-wines-500: #d66083;
  --color-thorne-wines-600: #b9466b;
  --color-thorne-wines-700: #a02e56;
  --color-thorne-wines-800: #811f43;
  --color-thorne-wines-900: #671232;
  --color-thorne-wines-950: #45061f;
  --color-green-dynasty: #009e8f;
  --color-green-dynasty-50: #d9fff8;
  --color-green-dynasty-100: #b9fcf0;
  --color-green-dynasty-200: #99ebde;
  --color-green-dynasty-300: #76d7c8;
  --color-green-dynasty-400: #44b9aa;
  --color-green-dynasty-500: #009e8f;
  --color-green-dynasty-600: #007f73;
  --color-green-dynasty-700: #00655b;
  --color-green-dynasty-800: #004f47;
  --color-green-dynasty-900: #003d36;
  --color-green-dynasty-950: #002622;
  --color-kitten-s-eye: #86afff;
  --color-kitten-s-eye-50: #f8faff;
  --color-kitten-s-eye-100: #edf3ff;
  --color-kitten-s-eye-200: #d3e2ff;
  --color-kitten-s-eye-300: #b4ceff;
  --color-kitten-s-eye-400: #86afff;
  --color-kitten-s-eye-500: #6990dd;
  --color-kitten-s-eye-600: #4d72bd;
  --color-kitten-s-eye-700: #37599d;
  --color-kitten-s-eye-800: #26437f;
  --color-kitten-s-eye-900: #1a3264;
  --color-kitten-s-eye-950: #0c1d40;
  --color-buzz: #ecc435;
  --color-buzz-50: #fff9e5;
  --color-buzz-100: #fff0c0;
  --color-buzz-200: #f7dc86;
  --color-buzz-300: #ecc435;
  --color-buzz-400: #c8a30a;
  --color-buzz-500: #a78700;
  --color-buzz-600: #866c00;
  --color-buzz-700: #6a5500;
  --color-buzz-800: #524100;
  --color-buzz-900: #3f3100;
  --color-buzz-950: #281e00;
}