Evil Cigar to Turquoise Pearl Color Palette

About this palette

Evil Cigar to Turquoise Pearl is a 6-color cool palette: #4F2200 (Evil Cigar), #285271 (3AM in Shibuya), #00729A (Pristine Seas), #00A18F (Silken Jade), #F886A0 (Pinky), #88F0E4 (Turquoise Pearl). It mixes brown, blue, turquoise, pink tones and feels cool overall. The strongest text pairing is #4F2200 on #88F0E4 with a contrast ratio of 10.01:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Evil Cigar	rgb(79, 34, 0)	hsl(26, 100%, 15%)
3AM in Shibuya	rgb(40, 82, 113)	hsl(205, 48%, 30%)
Pristine Seas	rgb(0, 114, 154)	hsl(196, 100%, 30%)
Silken Jade	rgb(0, 161, 143)	hsl(173, 100%, 32%)
Pinky	rgb(248, 134, 160)	hsl(346, 89%, 75%)
Turquoise Pearl	rgb(136, 240, 228)	hsl(173, 78%, 74%)

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.

Aa10.01:1 Very good#4F2200 on #88F0E4
Aa10.01:1 Very good#88F0E4 on #4F2200
Aa6.16:1 Good#285271 on #88F0E4
Aa6.16:1 Good#88F0E4 on #285271
Aa5.71:1 Good#4F2200 on #F886A0
Aa5.71:1 Good#F886A0 on #4F2200
Aa4.16:1 Poor#4F2200 on #00A18F
Aa4.16:1 Poor#00A18F on #4F2200

Color blindness preview

CSS variables

/* Evil Cigar to Turquoise Pearl — https://swatchly.xyz/palette/4f2200-285271-00729a-00a18f-f886a0-88f0e4 */
:root {
  --evil-cigar: #4f2200;
  --c-3am-in-shibuya: #285271;
  --pristine-seas: #00729a;
  --silken-jade: #00a18f;
  --pinky: #f886a0;
  --turquoise-pearl: #88f0e4;
}

Tailwind CSS v4

/* Evil Cigar to Turquoise Pearl — https://swatchly.xyz/palette/4f2200-285271-00729a-00a18f-f886a0-88f0e4 */
@theme {
  --color-evil-cigar: #4f2200;
  --color-evil-cigar-50: #fff2eb;
  --color-evil-cigar-100: #ffe5d7;
  --color-evil-cigar-200: #f8cdb4;
  --color-evil-cigar-300: #e6b599;
  --color-evil-cigar-400: #c89475;
  --color-evil-cigar-500: #ac7758;
  --color-evil-cigar-600: #8f5d3f;
  --color-evil-cigar-700: #74472b;
  --color-evil-cigar-800: #5c351d;
  --color-evil-cigar-900: #4f2200;
  --color-evil-cigar-950: #2e1708;
  --color-c-3am-in-shibuya: #285271;
  --color-c-3am-in-shibuya-50: #edf7ff;
  --color-c-3am-in-shibuya-100: #daeeff;
  --color-c-3am-in-shibuya-200: #b9dbf6;
  --color-c-3am-in-shibuya-300: #9dc3e2;
  --color-c-3am-in-shibuya-400: #78a3c4;
  --color-c-3am-in-shibuya-500: #5b86a8;
  --color-c-3am-in-shibuya-600: #416a89;
  --color-c-3am-in-shibuya-700: #285271;
  --color-c-3am-in-shibuya-800: #204058;
  --color-c-3am-in-shibuya-900: #163145;
  --color-c-3am-in-shibuya-950: #0b1e2c;
  --color-pristine-seas: #00729a;
  --color-pristine-seas-50: #eaf8ff;
  --color-pristine-seas-100: #d3f0ff;
  --color-pristine-seas-200: #a4e0ff;
  --color-pristine-seas-300: #80caf0;
  --color-pristine-seas-400: #55aad3;
  --color-pristine-seas-500: #318eb7;
  --color-pristine-seas-600: #00729a;
  --color-pristine-seas-700: #005a7b;
  --color-pristine-seas-800: #004761;
  --color-pristine-seas-900: #00364c;
  --color-pristine-seas-950: #002231;
  --color-silken-jade: #00a18f;
  --color-silken-jade-50: #dbfff7;
  --color-silken-jade-100: #bafdf0;
  --color-silken-jade-200: #9beddd;
  --color-silken-jade-300: #77d9c8;
  --color-silken-jade-400: #45bcaa;
  --color-silken-jade-500: #00a18f;
  --color-silken-jade-600: #008273;
  --color-silken-jade-700: #00675b;
  --color-silken-jade-800: #005047;
  --color-silken-jade-900: #003e36;
  --color-silken-jade-950: #002721;
  --color-pinky: #f886a0;
  --color-pinky-50: #fff8f9;
  --color-pinky-100: #ffedf0;
  --color-pinky-200: #ffd4db;
  --color-pinky-300: #ffb4c3;
  --color-pinky-400: #f886a0;
  --color-pinky-500: #d66883;
  --color-pinky-600: #b54b66;
  --color-pinky-700: #95334f;
  --color-pinky-800: #78213b;
  --color-pinky-900: #5e152c;
  --color-pinky-950: #3c0819;
  --color-turquoise-pearl: #88f0e4;
  --color-turquoise-pearl-50: #dffffa;
  --color-turquoise-pearl-100: #c1fbf3;
  --color-turquoise-pearl-200: #88f0e4;
  --color-turquoise-pearl-300: #81d5cb;
  --color-turquoise-pearl-400: #53b7ac;
  --color-turquoise-pearl-500: #299b90;
  --color-turquoise-pearl-600: #007e75;
  --color-turquoise-pearl-700: #00645c;
  --color-turquoise-pearl-800: #004e48;
  --color-turquoise-pearl-900: #003c37;
  --color-turquoise-pearl-950: #002622;
}