Start generating

Cold Canada to Cape Verde color palette

E0FFFACold Canada54EECEAphrodite Aqua00C9ACTurquoise00937BPool Table006C66Pine Scented Lagoon00534BCape Verde
Open in generator Export PNG, PDF, ASE…

About this palette

Cold Canada to Cape Verde is a 6-color cool, monochromatic, gradient palette: #E0FFFA (Cold Canada), #54EECE (Aphrodite Aqua), #00C9AC (Turquoise), #00937B (Pool Table), #006C66 (Pine Scented Lagoon), #00534B (Cape Verde). It mixes white, turquoise tones and feels cool overall. The strongest text pairing is #E0FFFA on #00534B with a contrast ratio of 8.49:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Cold Canadargb(224, 255, 250)hsl(170, 100%, 94%)
Aphrodite Aquargb(84, 238, 206)hsl(168, 82%, 63%)
Turquoisergb(0, 201, 172)hsl(171, 100%, 39%)
Pool Tablergb(0, 147, 123)hsl(170, 100%, 29%)
Pine Scented Lagoonrgb(0, 108, 102)hsl(177, 100%, 21%)
Cape Verdergb(0, 83, 75)hsl(174, 100%, 16%)

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.49:1 Very good#E0FFFA on #00534B
  • Aa8.49:1 Very good#00534B on #E0FFFA
  • Aa6.20:1 Good#54EECE on #00534B
  • Aa6.20:1 Good#00534B on #54EECE
  • Aa5.95:1 Good#E0FFFA on #006C66
  • Aa5.95:1 Good#006C66 on #E0FFFA
  • Aa4.34:1 Poor#54EECE on #006C66
  • Aa4.34:1 Poor#006C66 on #54EECE

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Cold Canada to Cape Verde — https://swatchly.xyz/palette/e0fffa-54eece-00c9ac-00937b-006c66-00534b */
:root {
  --cold-canada: #e0fffa;
  --aphrodite-aqua: #54eece;
  --turquoise: #00c9ac;
  --pool-table: #00937b;
  --pine-scented-lagoon: #006c66;
  --cape-verde: #00534b;
}

Tailwind CSS v4

/* Cold Canada to Cape Verde — https://swatchly.xyz/palette/e0fffa-54eece-00c9ac-00937b-006c66-00534b */
@theme {
  --color-cold-canada: #e0fffa;
  --color-cold-canada-50: #e0fffa;
  --color-cold-canada-100: #dff2ee;
  --color-cold-canada-200: #c8dedb;
  --color-cold-canada-300: #afc8c4;
  --color-cold-canada-400: #8da9a5;
  --color-cold-canada-500: #718d89;
  --color-cold-canada-600: #57726e;
  --color-cold-canada-700: #425b57;
  --color-cold-canada-800: #324744;
  --color-cold-canada-900: #253734;
  --color-cold-canada-950: #152220;
  --color-aphrodite-aqua: #54eece;
  --color-aphrodite-aqua-50: #c5ffef;
  --color-aphrodite-aqua-100: #a3fae4;
  --color-aphrodite-aqua-200: #54eece;
  --color-aphrodite-aqua-300: #55d5b9;
  --color-aphrodite-aqua-400: #00b79b;
  --color-aphrodite-aqua-500: #009981;
  --color-aphrodite-aqua-600: #007c68;
  --color-aphrodite-aqua-700: #006353;
  --color-aphrodite-aqua-800: #004e41;
  --color-aphrodite-aqua-900: #003d32;
  --color-aphrodite-aqua-950: #00261f;
  --color-turquoise: #00c9ac;
  --color-turquoise-50: #e9fff9;
  --color-turquoise-100: #c8fff1;
  --color-turquoise-200: #96f5df;
  --color-turquoise-300: #70e3ca;
  --color-turquoise-400: #00c9ac;
  --color-turquoise-500: #00a78f;
  --color-turquoise-600: #008672;
  --color-turquoise-700: #006a5a;
  --color-turquoise-800: #005245;
  --color-turquoise-900: #003e34;
  --color-turquoise-950: #00261f;
  --color-pool-table: #00937b;
  --color-pool-table-50: #d3fff2;
  --color-pool-table-100: #b6f8e6;
  --color-pool-table-200: #95e6d0;
  --color-pool-table-300: #71d0b8;
  --color-pool-table-400: #3fb097;
  --color-pool-table-500: #00937b;
  --color-pool-table-600: #007763;
  --color-pool-table-700: #005e4e;
  --color-pool-table-800: #004a3d;
  --color-pool-table-900: #003a2f;
  --color-pool-table-950: #00251d;
  --color-pine-scented-lagoon: #006c66;
  --color-pine-scented-lagoon-50: #d6fffa;
  --color-pine-scented-lagoon-100: #c5f7f2;
  --color-pine-scented-lagoon-200: #abe7e0;
  --color-pine-scented-lagoon-300: #8ed3cc;
  --color-pine-scented-lagoon-400: #67b6af;
  --color-pine-scented-lagoon-500: #479c95;
  --color-pine-scented-lagoon-600: #2a827c;
  --color-pine-scented-lagoon-700: #006c66;
  --color-pine-scented-lagoon-800: #005550;
  --color-pine-scented-lagoon-900: #00413d;
  --color-pine-scented-lagoon-950: #002927;
  --color-cape-verde: #00534b;
  --color-cape-verde-50: #dafef8;
  --color-cape-verde-100: #ccf5ee;
  --color-cape-verde-200: #b2e3db;
  --color-cape-verde-300: #96cfc6;
  --color-cape-verde-400: #72b1a8;
  --color-cape-verde-500: #54978d;
  --color-cape-verde-600: #3a7c73;
  --color-cape-verde-700: #25655d;
  --color-cape-verde-800: #00534b;
  --color-cape-verde-900: #0a3f39;
  --color-cape-verde-950: #032824;
}

Similar palettes