Himalayan Salt to Fish Boy color palette

C1755FHimalayan Salt 582500Evil Cigar 007175Pine Scented Lagoon E1EDFFCotton Boll 00E1E3Fish Boy

About this palette

Himalayan Salt to Fish Boy is a 5-color vintage palette: #C1755F (Himalayan Salt), #582500 (Evil Cigar), #007175 (Pine Scented Lagoon), #E1EDFF (Cotton Boll), #00E1E3 (Fish Boy). It mixes red, brown, turquoise, white tones and feels balanced overall. The strongest text pairing is #582500 on #E1EDFF with a contrast ratio of 10.57:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Himalayan Salt	rgb(193, 117, 95)	hsl(13, 44%, 56%)
Evil Cigar	rgb(88, 37, 0)	hsl(25, 100%, 17%)
Pine Scented Lagoon	rgb(0, 113, 117)	hsl(182, 100%, 23%)
Cotton Boll	rgb(225, 237, 255)	hsl(216, 100%, 94%)
Fish Boy	rgb(0, 225, 227)	hsl(181, 100%, 45%)

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.57:1 Very good#582500 on #E1EDFF
Aa10.57:1 Very good#E1EDFF on #582500
Aa7.67:1 Very good#582500 on #00E1E3
Aa7.67:1 Very good#00E1E3 on #582500
Aa4.91:1 Good#007175 on #E1EDFF
Aa4.91:1 Good#E1EDFF on #007175
Aa3.56:1 Poor#007175 on #00E1E3
Aa3.56:1 Poor#00E1E3 on #007175

Color blindness preview

CSS variables

/* Himalayan Salt to Fish Boy — https://swatchly.xyz/palette/c1755f-582500-007175-e1edff-00e1e3 */
:root {
  --himalayan-salt: #c1755f;
  --evil-cigar: #582500;
  --pine-scented-lagoon: #007175;
  --cotton-boll: #e1edff;
  --fish-boy: #00e1e3;
}

Tailwind CSS v4

/* Himalayan Salt to Fish Boy — https://swatchly.xyz/palette/c1755f-582500-007175-e1edff-00e1e3 */
@theme {
  --color-himalayan-salt: #c1755f;
  --color-himalayan-salt-50: #fff3f0;
  --color-himalayan-salt-100: #ffe7e1;
  --color-himalayan-salt-200: #ffcebf;
  --color-himalayan-salt-300: #f6b29e;
  --color-himalayan-salt-400: #db917b;
  --color-himalayan-salt-500: #c1755f;
  --color-himalayan-salt-600: #a25a45;
  --color-himalayan-salt-700: #854330;
  --color-himalayan-salt-800: #6b3221;
  --color-himalayan-salt-900: #552416;
  --color-himalayan-salt-950: #37140a;
  --color-evil-cigar: #582500;
  --color-evil-cigar-50: #fff2eb;
  --color-evil-cigar-100: #ffe5d8;
  --color-evil-cigar-200: #fcccb2;
  --color-evil-cigar-300: #e9b396;
  --color-evil-cigar-400: #cd9372;
  --color-evil-cigar-500: #b27756;
  --color-evil-cigar-600: #965e3e;
  --color-evil-cigar-700: #7c492b;
  --color-evil-cigar-800: #65381d;
  --color-evil-cigar-900: #582500;
  --color-evil-cigar-950: #351908;
  --color-pine-scented-lagoon: #007175;
  --color-pine-scented-lagoon-50: #d8feff;
  --color-pine-scented-lagoon-100: #c0f5f7;
  --color-pine-scented-lagoon-200: #a2e2e4;
  --color-pine-scented-lagoon-300: #80cbce;
  --color-pine-scented-lagoon-400: #56abae;
  --color-pine-scented-lagoon-500: #328e91;
  --color-pine-scented-lagoon-600: #007175;
  --color-pine-scented-lagoon-700: #005a5d;
  --color-pine-scented-lagoon-800: #004649;
  --color-pine-scented-lagoon-900: #003739;
  --color-pine-scented-lagoon-950: #002224;
  --color-cotton-boll: #e1edff;
  --color-cotton-boll-50: #f0f6ff;
  --color-cotton-boll-100: #e1edff;
  --color-cotton-boll-200: #d0d9e6;
  --color-cotton-boll-300: #b8c2d1;
  --color-cotton-boll-400: #98a3b3;
  --color-cotton-boll-500: #7c8797;
  --color-cotton-boll-600: #626d7c;
  --color-cotton-boll-700: #4d5664;
  --color-cotton-boll-800: #3b434f;
  --color-cotton-boll-900: #2d333d;
  --color-cotton-boll-950: #1b2027;
  --color-fish-boy: #00e1e3;
  --color-fish-boy-50: #dfffff;
  --color-fish-boy-100: #b1ffff;
  --color-fish-boy-200: #83f0f1;
  --color-fish-boy-300: #00e1e3;
  --color-fish-boy-400: #00bcbe;
  --color-fish-boy-500: #009d9e;
  --color-fish-boy-600: #007e7f;
  --color-fish-boy-700: #006465;
  --color-fish-boy-800: #004d4e;
  --color-fish-boy-900: #003b3c;
  --color-fish-boy-950: #002526;
}