Cape Verde to Bermuda Color Palette

About this palette

Cape Verde to Bermuda is a 4-color cool palette: #005255 (Cape Verde), #F6D9A3 (Double Cream), #BB90DB (Dreamy Candy Forest), #007B85 (Bermuda). It mixes turquoise, yellow, purple tones and feels cool overall. The strongest text pairing is #005255 on #F6D9A3 with a contrast ratio of 6.57:1, and 1 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Cape Verde	rgb(0, 82, 85)	hsl(182, 100%, 17%)
Double Cream	rgb(246, 217, 163)	hsl(39, 82%, 80%)
Dreamy Candy Forest	rgb(187, 144, 219)	hsl(274, 51%, 71%)
Bermuda	rgb(0, 123, 133)	hsl(185, 100%, 26%)

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.

Aa6.57:1 Good#005255 on #F6D9A3
Aa6.57:1 Good#F6D9A3 on #005255
Aa3.68:1 Poor#F6D9A3 on #007B85
Aa3.68:1 Poor#007B85 on #F6D9A3
Aa3.48:1 Poor#005255 on #BB90DB
Aa3.48:1 Poor#BB90DB on #005255

Color blindness preview

CSS variables

/* Cape Verde to Bermuda — https://swatchly.xyz/palette/005255-f6d9a3-bb90db-007b85 */
:root {
  --cape-verde: #005255;
  --double-cream: #f6d9a3;
  --dreamy-candy-forest: #bb90db;
  --bermuda: #007b85;
}

Tailwind CSS v4

/* Cape Verde to Bermuda — https://swatchly.xyz/palette/005255-f6d9a3-bb90db-007b85 */
@theme {
  --color-cape-verde: #005255;
  --color-cape-verde-50: #d9fdff;
  --color-cape-verde-100: #ccf4f6;
  --color-cape-verde-200: #b2e2e4;
  --color-cape-verde-300: #96ced0;
  --color-cape-verde-400: #71b0b3;
  --color-cape-verde-500: #549698;
  --color-cape-verde-600: #397b7e;
  --color-cape-verde-700: #256467;
  --color-cape-verde-800: #005255;
  --color-cape-verde-900: #0a3f41;
  --color-cape-verde-950: #03282a;
  --color-double-cream: #f6d9a3;
  --color-double-cream-50: #fff8eb;
  --color-double-cream-100: #ffeece;
  --color-double-cream-200: #f6d9a3;
  --color-double-cream-300: #dac296;
  --color-double-cream-400: #bba170;
  --color-double-cream-500: #9f8551;
  --color-double-cream-600: #836937;
  --color-double-cream-700: #695223;
  --color-double-cream-800: #533f15;
  --color-double-cream-900: #41300b;
  --color-double-cream-950: #291d04;
  --color-dreamy-candy-forest: #bb90db;
  --color-dreamy-candy-forest-50: #faf3ff;
  --color-dreamy-candy-forest-100: #f4e7ff;
  --color-dreamy-candy-forest-200: #e9cdff;
  --color-dreamy-candy-forest-300: #d7b3f3;
  --color-dreamy-candy-forest-400: #bb90db;
  --color-dreamy-candy-forest-500: #9e74bd;
  --color-dreamy-candy-forest-600: #82599f;
  --color-dreamy-candy-forest-700: #694483;
  --color-dreamy-candy-forest-800: #53326a;
  --color-dreamy-candy-forest-900: #412554;
  --color-dreamy-candy-forest-950: #291536;
  --color-bermuda: #007b85;
  --color-bermuda-50: #defcff;
  --color-bermuda-100: #c0f7fd;
  --color-bermuda-200: #a3e5ed;
  --color-bermuda-300: #83d0d9;
  --color-bermuda-400: #57b2bb;
  --color-bermuda-500: #3396a0;
  --color-bermuda-600: #007b85;
  --color-bermuda-700: #00626a;
  --color-bermuda-800: #004c53;
  --color-bermuda-900: #003b40;
  --color-bermuda-950: #002529;
}