Start generating

Kenyan Copper to Frozen Turquoise color palette

733027Kenyan Copper7E594FWild West848077Concord84A8A2Harbour Mist79D0CEHidden Sea Glass5FF9FCFrozen Turquoise
Open in generator Export PNG, PDF, ASE…

About this palette

Kenyan Copper to Frozen Turquoise is a 6-color palette: #733027 (Kenyan Copper), #7E594F (Wild West), #848077 (Concord), #84A8A2 (Harbour Mist), #79D0CE (Hidden Sea Glass), #5FF9FC (Frozen Turquoise). It mixes brown, red, gray, turquoise tones and feels cool overall. The strongest text pairing is #733027 on #5FF9FC with a contrast ratio of 7.54:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Kenyan Copperrgb(115, 48, 39)hsl(7, 49%, 30%)
Wild Westrgb(126, 89, 79)hsl(13, 23%, 40%)
Concordrgb(132, 128, 119)hsl(42, 5%, 49%)
Harbour Mistrgb(132, 168, 162)hsl(170, 17%, 59%)
Hidden Sea Glassrgb(121, 208, 206)hsl(179, 48%, 65%)
Frozen Turquoisergb(95, 249, 252)hsl(181, 96%, 68%)

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.

  • Aa7.54:1 Very good#733027 on #5FF9FC
  • Aa7.54:1 Very good#5FF9FC on #733027
  • Aa5.38:1 Good#733027 on #79D0CE
  • Aa5.38:1 Good#79D0CE on #733027
  • Aa4.80:1 Good#7E594F on #5FF9FC
  • Aa4.80:1 Good#5FF9FC on #7E594F
  • Aa3.72:1 Poor#733027 on #84A8A2
  • Aa3.72:1 Poor#84A8A2 on #733027

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Kenyan Copper to Frozen Turquoise — https://swatchly.xyz/palette/733027-7e594f-848077-84a8a2-79d0ce-5ff9fc */
:root {
  --kenyan-copper: #733027;
  --wild-west: #7e594f;
  --concord: #848077;
  --harbour-mist: #84a8a2;
  --hidden-sea-glass: #79d0ce;
  --frozen-turquoise: #5ff9fc;
}

Tailwind CSS v4

/* Kenyan Copper to Frozen Turquoise — https://swatchly.xyz/palette/733027-7e594f-848077-84a8a2-79d0ce-5ff9fc */
@theme {
  --color-kenyan-copper: #733027;
  --color-kenyan-copper-50: #fff2ef;
  --color-kenyan-copper-100: #ffe4df;
  --color-kenyan-copper-200: #ffc9bf;
  --color-kenyan-copper-300: #f3aea3;
  --color-kenyan-copper-400: #d78e81;
  --color-kenyan-copper-500: #bc7266;
  --color-kenyan-copper-600: #a0594e;
  --color-kenyan-copper-700: #86443b;
  --color-kenyan-copper-800: #733027;
  --color-kenyan-copper-900: #57261f;
  --color-kenyan-copper-950: #3a1611;
  --color-wild-west: #7e594f;
  --color-wild-west-50: #fff2ee;
  --color-wild-west-100: #fee3db;
  --color-wild-west-200: #edccc3;
  --color-wild-west-300: #d7b3a9;
  --color-wild-west-400: #b89186;
  --color-wild-west-500: #9b746a;
  --color-wild-west-600: #7e594f;
  --color-wild-west-700: #65463d;
  --color-wild-west-800: #51352e;
  --color-wild-west-900: #402822;
  --color-wild-west-950: #291814;
  --color-concord: #848077;
  --color-concord-50: #f6f4ee;
  --color-concord-100: #ece9e2;
  --color-concord-200: #d7d4cc;
  --color-concord-300: #c0bcb4;
  --color-concord-400: #a09c93;
  --color-concord-500: #848077;
  --color-concord-600: #6b675e;
  --color-concord-700: #55514a;
  --color-concord-800: #424039;
  --color-concord-900: #33312b;
  --color-concord-950: #201e1a;
  --color-harbour-mist: #84a8a2;
  --color-harbour-mist-50: #e5faf6;
  --color-harbour-mist-100: #d9f0ec;
  --color-harbour-mist-200: #c1ddd8;
  --color-harbour-mist-300: #a7c7c1;
  --color-harbour-mist-400: #84a8a2;
  --color-harbour-mist-500: #6a8d87;
  --color-harbour-mist-600: #51726d;
  --color-harbour-mist-700: #3d5b56;
  --color-harbour-mist-800: #2d4844;
  --color-harbour-mist-900: #213834;
  --color-harbour-mist-950: #122320;
  --color-hidden-sea-glass: #79d0ce;
  --color-hidden-sea-glass-50: #d0fffd;
  --color-hidden-sea-glass-100: #c1f5f4;
  --color-hidden-sea-glass-200: #a4e3e1;
  --color-hidden-sea-glass-300: #79d0ce;
  --color-hidden-sea-glass-400: #5cb0ae;
  --color-hidden-sea-glass-500: #3b9593;
  --color-hidden-sea-glass-600: #1b7a78;
  --color-hidden-sea-glass-700: #006261;
  --color-hidden-sea-glass-800: #004d4c;
  --color-hidden-sea-glass-900: #003b3b;
  --color-hidden-sea-glass-950: #002525;
  --color-frozen-turquoise: #5ff9fc;
  --color-frozen-turquoise-50: #ebffff;
  --color-frozen-turquoise-100: #c4feff;
  --color-frozen-turquoise-200: #5ff9fc;
  --color-frozen-turquoise-300: #66dcdf;
  --color-frozen-turquoise-400: #10bdc0;
  --color-frozen-turquoise-500: #009da0;
  --color-frozen-turquoise-600: #007e80;
  --color-frozen-turquoise-700: #006365;
  --color-frozen-turquoise-800: #004d4e;
  --color-frozen-turquoise-900: #003b3c;
  --color-frozen-turquoise-950: #002526;
}

Similar palettes