Cape Verde to Go Go Green Color Palette

About this palette

Cape Verde to Go Go Green is a 4-color cool, monochromatic palette: #005554 (Cape Verde), #E1FFFC (Cold Canada), #81CAC0 (Cyantific), #008C84 (Go Go Green). It mixes turquoise, white tones and feels cool overall. The strongest text pairing is #005554 on #E1FFFC with a contrast ratio of 8.20:1, and 2 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Cape Verde	rgb(0, 85, 84)	hsl(179, 100%, 17%)
Cold Canada	rgb(225, 255, 252)	hsl(174, 100%, 94%)
Cyantific	rgb(129, 202, 192)	hsl(172, 41%, 65%)
Go Go Green	rgb(0, 140, 132)	hsl(177, 100%, 27%)

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.

Aa8.20:1 Very good#005554 on #E1FFFC
Aa8.20:1 Very good#E1FFFC on #005554
Aa4.59:1 Good#005554 on #81CAC0
Aa4.59:1 Good#81CAC0 on #005554
Aa3.92:1 Poor#E1FFFC on #008C84
Aa3.92:1 Poor#008C84 on #E1FFFC

Color blindness preview

CSS variables

/* Cape Verde to Go Go Green — https://swatchly.xyz/palette/005554-e1fffc-81cac0-008c84 */
:root {
  --cape-verde: #005554;
  --cold-canada: #e1fffc;
  --cyantific: #81cac0;
  --go-go-green: #008c84;
}

Tailwind CSS v4

/* Cape Verde to Go Go Green — https://swatchly.xyz/palette/005554-e1fffc-81cac0-008c84 */
@theme {
  --color-cape-verde: #005554;
  --color-cape-verde-50: #d9fefc;
  --color-cape-verde-100: #cbf5f3;
  --color-cape-verde-200: #b1e3e1;
  --color-cape-verde-300: #96cfcd;
  --color-cape-verde-400: #71b2b0;
  --color-cape-verde-500: #549896;
  --color-cape-verde-600: #397e7c;
  --color-cape-verde-700: #256766;
  --color-cape-verde-800: #005554;
  --color-cape-verde-900: #094140;
  --color-cape-verde-950: #022a29;
  --color-cold-canada: #e1fffc;
  --color-cold-canada-50: #e1fffc;
  --color-cold-canada-100: #e0f2f0;
  --color-cold-canada-200: #c9dedc;
  --color-cold-canada-300: #b0c8c6;
  --color-cold-canada-400: #8ea9a6;
  --color-cold-canada-500: #728d8a;
  --color-cold-canada-600: #58726f;
  --color-cold-canada-700: #435b59;
  --color-cold-canada-800: #324745;
  --color-cold-canada-900: #253735;
  --color-cold-canada-950: #152221;
  --color-cyantific: #81cac0;
  --color-cyantific-50: #d3fcf5;
  --color-cyantific-100: #c3f2ea;
  --color-cyantific-200: #a7ded6;
  --color-cyantific-300: #81cac0;
  --color-cyantific-400: #65aba2;
  --color-cyantific-500: #489187;
  --color-cyantific-600: #2e766e;
  --color-cyantific-700: #1a5f58;
  --color-cyantific-800: #0a4c46;
  --color-cyantific-900: #023c36;
  --color-cyantific-950: #002622;
  --color-go-go-green: #008c84;
  --color-go-go-green-50: #cbfff9;
  --color-go-go-green-100: #b5f5ee;
  --color-go-go-green-200: #93e2da;
  --color-go-go-green-300: #6ecbc2;
  --color-go-go-green-400: #3daaa1;
  --color-go-go-green-500: #008c84;
  --color-go-go-green-600: #00716a;
  --color-go-go-green-700: #005a55;
  --color-go-go-green-800: #004743;
  --color-go-go-green-900: #003834;
  --color-go-go-green-950: #002421;
}