Himalaya to Fernweh color palette

735F00Himalaya FFA197Young Crab DFE8FFCloudless FA5354Red Mana 003D47Rich Black 937D00Fernweh

About this palette

Himalaya to Fernweh is a 6-color warm palette: #735F00 (Himalaya), #FFA197 (Young Crab), #DFE8FF (Cloudless), #FA5354 (Red Mana), #003D47 (Rich Black), #937D00 (Fernweh). It mixes brown, pink, white, red, turquoise, yellow tones and feels warm overall. The strongest text pairing is #DFE8FF on #003D47 with a contrast ratio of 9.74:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Himalaya	rgb(115, 95, 0)	hsl(50, 100%, 23%)
Young Crab	rgb(255, 161, 151)	hsl(6, 100%, 80%)
Cloudless	rgb(223, 232, 255)	hsl(223, 100%, 94%)
Red Mana	rgb(250, 83, 84)	hsl(360, 94%, 65%)
Rich Black	rgb(0, 61, 71)	hsl(188, 100%, 14%)
Fernweh	rgb(147, 125, 0)	hsl(51, 100%, 29%)

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.

Aa9.74:1 Very good#DFE8FF on #003D47
Aa9.74:1 Very good#003D47 on #DFE8FF
Aa6.14:1 Good#FFA197 on #003D47
Aa6.14:1 Good#003D47 on #FFA197
Aa5.09:1 Good#735F00 on #DFE8FF
Aa5.09:1 Good#DFE8FF on #735F00
Aa3.66:1 Poor#FA5354 on #003D47
Aa3.66:1 Poor#003D47 on #FA5354

Color blindness preview

CSS variables

/* Himalaya to Fernweh — https://swatchly.xyz/palette/735f00-ffa197-dfe8ff-fa5354-003d47-937d00 */
:root {
  --himalaya: #735f00;
  --young-crab: #ffa197;
  --cloudless: #dfe8ff;
  --red-mana: #fa5354;
  --rich-black: #003d47;
  --fernweh: #937d00;
}

Tailwind CSS v4

/* Himalaya to Fernweh — https://swatchly.xyz/palette/735f00-ffa197-dfe8ff-fa5354-003d47-937d00 */
@theme {
  --color-himalaya: #735f00;
  --color-himalaya-50: #fff5d2;
  --color-himalaya-100: #f6e9b9;
  --color-himalaya-200: #e3d399;
  --color-himalaya-300: #cdba78;
  --color-himalaya-400: #ad994e;
  --color-himalaya-500: #907b2c;
  --color-himalaya-600: #735f00;
  --color-himalaya-700: #5b4b00;
  --color-himalaya-800: #483a00;
  --color-himalaya-900: #382d00;
  --color-himalaya-950: #231c00;
  --color-young-crab: #ffa197;
  --color-young-crab-50: #fff0ee;
  --color-young-crab-100: #ffe1de;
  --color-young-crab-200: #ffc5be;
  --color-young-crab-300: #ffa197;
  --color-young-crab-400: #db847b;
  --color-young-crab-500: #bf675f;
  --color-young-crab-600: #a14e47;
  --color-young-crab-700: #853a34;
  --color-young-crab-800: #6c2a25;
  --color-young-crab-900: #561e1a;
  --color-young-crab-950: #38100e;
  --color-cloudless: #dfe8ff;
  --color-cloudless-50: #eef3ff;
  --color-cloudless-100: #dfe8ff;
  --color-cloudless-200: #ced5e6;
  --color-cloudless-300: #b7bfd2;
  --color-cloudless-400: #98a0b4;
  --color-cloudless-500: #7d859a;
  --color-cloudless-600: #636b7f;
  --color-cloudless-700: #4e5567;
  --color-cloudless-800: #3c4251;
  --color-cloudless-900: #2e3340;
  --color-cloudless-950: #1b1f28;
  --color-red-mana: #fa5354;
  --color-red-mana-50: #ffecea;
  --color-red-mana-100: #ffdbd8;
  --color-red-mana-200: #ffbcb6;
  --color-red-mana-300: #ff948e;
  --color-red-mana-400: #fa5354;
  --color-red-mana-500: #db343b;
  --color-red-mana-600: #bb1025;
  --color-red-mana-700: #990019;
  --color-red-mana-800: #7b0012;
  --color-red-mana-900: #63000c;
  --color-red-mana-950: #430005;
  --color-rich-black: #003d47;
  --color-rich-black-50: #e3faff;
  --color-rich-black-100: #d1f2f9;
  --color-rich-black-200: #b8e0e8;
  --color-rich-black-300: #9dcad4;
  --color-rich-black-400: #79acb7;
  --color-rich-black-500: #5d919c;
  --color-rich-black-600: #447681;
  --color-rich-black-700: #305f69;
  --color-rich-black-800: #214c54;
  --color-rich-black-900: #003d47;
  --color-rich-black-950: #0a262b;
  --color-fernweh: #937d00;
  --color-fernweh-50: #fff4c6;
  --color-fernweh-100: #f7e9ad;
  --color-fernweh-200: #e4d48b;
  --color-fernweh-300: #cfbb67;
  --color-fernweh-400: #b09a37;
  --color-fernweh-500: #937d00;
  --color-fernweh-600: #776400;
  --color-fernweh-700: #5e5000;
  --color-fernweh-800: #4a3e00;
  --color-fernweh-900: #3a3000;
  --color-fernweh-950: #251e00;
}