Cape Verde to Paradise Island color palette

005A53Cape Verde 0A89A7Corfu Waters 75D7A2Enchanted Emerald 0A2F23Pitch-Black Forests 54ABA6Paradise Island

Open in generator Export PNG, PDF, ASE…

About this palette

Cape Verde to Paradise Island is a 5-color cool palette: #005A53 (Cape Verde), #0A89A7 (Corfu Waters), #75D7A2 (Enchanted Emerald), #0A2F23 (Pitch-Black Forests), #54ABA6 (Paradise Island). It mixes turquoise, blue, green tones and feels cool overall. The strongest text pairing is #75D7A2 on #0A2F23 with a contrast ratio of 8.31:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Cape Verde	rgb(0, 90, 83)	hsl(175, 100%, 18%)
Corfu Waters	rgb(10, 137, 167)	hsl(191, 89%, 35%)
Enchanted Emerald	rgb(117, 215, 162)	hsl(148, 55%, 65%)
Pitch-Black Forests	rgb(10, 47, 35)	hsl(161, 65%, 11%)
Paradise Island	rgb(84, 171, 166)	hsl(177, 34%, 50%)

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.31:1 Very good#75D7A2 on #0A2F23
Aa8.31:1 Very good#0A2F23 on #75D7A2
Aa5.37:1 Good#0A2F23 on #54ABA6
Aa5.37:1 Good#54ABA6 on #0A2F23
Aa4.64:1 Good#005A53 on #75D7A2
Aa4.64:1 Good#75D7A2 on #005A53
Aa3.57:1 Poor#0A89A7 on #0A2F23
Aa3.57:1 Poor#0A2F23 on #0A89A7

Color blindness preview

CSS variables

/* Cape Verde to Paradise Island — https://swatchly.xyz/palette/005a53-0a89a7-75d7a2-0a2f23-54aba6 */
:root {
  --cape-verde: #005a53;
  --corfu-waters: #0a89a7;
  --enchanted-emerald: #75d7a2;
  --pitch-black-forests: #0a2f23;
  --paradise-island: #54aba6;
}

Tailwind CSS v4

/* Cape Verde to Paradise Island — https://swatchly.xyz/palette/005a53-0a89a7-75d7a2-0a2f23-54aba6 */
@theme {
  --color-cape-verde: #005a53;
  --color-cape-verde-50: #d8fff9;
  --color-cape-verde-100: #caf6ef;
  --color-cape-verde-200: #ade2db;
  --color-cape-verde-300: #8eccc4;
  --color-cape-verde-400: #66aca3;
  --color-cape-verde-500: #468f87;
  --color-cape-verde-600: #2b726b;
  --color-cape-verde-700: #005a53;
  --color-cape-verde-800: #074640;
  --color-cape-verde-900: #013632;
  --color-cape-verde-950: #00221e;
  --color-corfu-waters: #0a89a7;
  --color-corfu-waters-50: #e2f7ff;
  --color-corfu-waters-100: #c3f0ff;
  --color-corfu-waters-200: #94dff7;
  --color-corfu-waters-300: #70c7e3;
  --color-corfu-waters-400: #3fa7c5;
  --color-corfu-waters-500: #0a89a7;
  --color-corfu-waters-600: #006f88;
  --color-corfu-waters-700: #00586d;
  --color-corfu-waters-800: #004556;
  --color-corfu-waters-900: #003644;
  --color-corfu-waters-950: #00222c;
  --color-enchanted-emerald: #75d7a2;
  --color-enchanted-emerald-50: #daffe8;
  --color-enchanted-emerald-100: #c0fad7;
  --color-enchanted-emerald-200: #a2e9c0;
  --color-enchanted-emerald-300: #75d7a2;
  --color-enchanted-emerald-400: #58b685;
  --color-enchanted-emerald-500: #359b69;
  --color-enchanted-emerald-600: #0e7f50;
  --color-enchanted-emerald-700: #00663e;
  --color-enchanted-emerald-800: #005030;
  --color-enchanted-emerald-900: #003e24;
  --color-enchanted-emerald-950: #002715;
  --color-pitch-black-forests: #0a2f23;
  --color-pitch-black-forests-50: #e5fbf2;
  --color-pitch-black-forests-100: #d9f2e7;
  --color-pitch-black-forests-200: #c2dfd3;
  --color-pitch-black-forests-300: #a9cabc;
  --color-pitch-black-forests-400: #87ab9c;
  --color-pitch-black-forests-500: #6c9182;
  --color-pitch-black-forests-600: #54786a;
  --color-pitch-black-forests-700: #416255;
  --color-pitch-black-forests-800: #325044;
  --color-pitch-black-forests-900: #264136;
  --color-pitch-black-forests-950: #0a2f23;
  --color-paradise-island: #54aba6;
  --color-paradise-island-50: #cffdfa;
  --color-paradise-island-100: #bef4ef;
  --color-paradise-island-200: #a1e1dc;
  --color-paradise-island-300: #80cac5;
  --color-paradise-island-400: #54aba6;
  --color-paradise-island-500: #37908c;
  --color-paradise-island-600: #187672;
  --color-paradise-island-700: #005f5b;
  --color-paradise-island-800: #004b48;
  --color-paradise-island-900: #003a38;
  --color-paradise-island-950: #002524;
}