Peaches of Immortality to Endless Horizon color palette

D3858APeaches of Immortality 9B7736Fernweh 763E40Wine Cellar 182935Oceanic Noir B1D8F1Endless Horizon

Open in generator Export PNG, PDF, ASE…

About this palette

Peaches of Immortality to Endless Horizon is a 5-color warm, vintage palette: #D3858A (Peaches of Immortality), #9B7736 (Fernweh), #763E40 (Wine Cellar), #182935 (Oceanic Noir), #B1D8F1 (Endless Horizon). It mixes red, yellow, gray, blue tones and feels warm overall. The strongest text pairing is #182935 on #B1D8F1 with a contrast ratio of 9.92:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Peaches of Immortality	rgb(211, 133, 138)	hsl(356, 47%, 67%)
Fernweh	rgb(155, 119, 54)	hsl(39, 48%, 41%)
Wine Cellar	rgb(118, 62, 64)	hsl(358, 31%, 35%)
Oceanic Noir	rgb(24, 41, 53)	hsl(205, 38%, 15%)
Endless Horizon	rgb(177, 216, 241)	hsl(203, 70%, 82%)

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.92:1 Very good#182935 on #B1D8F1
Aa9.92:1 Very good#B1D8F1 on #182935
Aa5.51:1 Good#763E40 on #B1D8F1
Aa5.51:1 Good#B1D8F1 on #763E40
Aa5.32:1 Good#D3858A on #182935
Aa5.32:1 Good#182935 on #D3858A
Aa3.61:1 Poor#9B7736 on #182935
Aa3.61:1 Poor#182935 on #9B7736

Color blindness preview

CSS variables

/* Peaches of Immortality to Endless Horizon — https://swatchly.xyz/palette/d3858a-9b7736-763e40-182935-b1d8f1 */
:root {
  --peaches-of-immortality: #d3858a;
  --fernweh: #9b7736;
  --wine-cellar: #763e40;
  --oceanic-noir: #182935;
  --endless-horizon: #b1d8f1;
}

Tailwind CSS v4

/* Peaches of Immortality to Endless Horizon — https://swatchly.xyz/palette/d3858a-9b7736-763e40-182935-b1d8f1 */
@theme {
  --color-peaches-of-immortality: #d3858a;
  --color-peaches-of-immortality-50: #fff0f0;
  --color-peaches-of-immortality-100: #ffe1e2;
  --color-peaches-of-immortality-200: #ffc3c6;
  --color-peaches-of-immortality-300: #efa8ac;
  --color-peaches-of-immortality-400: #d3858a;
  --color-peaches-of-immortality-500: #b66b70;
  --color-peaches-of-immortality-600: #985157;
  --color-peaches-of-immortality-700: #7d3d43;
  --color-peaches-of-immortality-800: #652d33;
  --color-peaches-of-immortality-900: #502126;
  --color-peaches-of-immortality-950: #351316;
  --color-fernweh: #9b7736;
  --color-fernweh-50: #fff2dc;
  --color-fernweh-100: #fee4bb;
  --color-fernweh-200: #ecce9d;
  --color-fernweh-300: #d7b57d;
  --color-fernweh-400: #b89455;
  --color-fernweh-500: #9b7736;
  --color-fernweh-600: #805e1d;
  --color-fernweh-700: #684a09;
  --color-fernweh-800: #533900;
  --color-fernweh-900: #412c00;
  --color-fernweh-950: #2a1b00;
  --color-wine-cellar: #763e40;
  --color-wine-cellar-50: #fff1f1;
  --color-wine-cellar-100: #ffe4e3;
  --color-wine-cellar-200: #fbc8c8;
  --color-wine-cellar-300: #e8aeae;
  --color-wine-cellar-400: #ca8c8d;
  --color-wine-cellar-500: #ad7071;
  --color-wine-cellar-600: #8f5657;
  --color-wine-cellar-700: #763e40;
  --color-wine-cellar-800: #5c3032;
  --color-wine-cellar-900: #492425;
  --color-wine-cellar-950: #2f1415;
  --color-oceanic-noir: #182935;
  --color-oceanic-noir-50: #ecf7ff;
  --color-oceanic-noir-100: #e0edf7;
  --color-oceanic-noir-200: #cadae6;
  --color-oceanic-noir-300: #b2c4d1;
  --color-oceanic-noir-400: #91a5b3;
  --color-oceanic-noir-500: #778b99;
  --color-oceanic-noir-600: #5f7280;
  --color-oceanic-noir-700: #4b5c69;
  --color-oceanic-noir-800: #3b4a56;
  --color-oceanic-noir-900: #2e3c46;
  --color-oceanic-noir-950: #182935;
  --color-endless-horizon: #b1d8f1;
  --color-endless-horizon-50: #e3f4ff;
  --color-endless-horizon-100: #d1ebfb;
  --color-endless-horizon-200: #b1d8f1;
  --color-endless-horizon-300: #a0c2d7;
  --color-endless-horizon-400: #7fa3ba;
  --color-endless-horizon-500: #6489a0;
  --color-endless-horizon-600: #4c6f85;
  --color-endless-horizon-700: #39596d;
  --color-endless-horizon-800: #2a4657;
  --color-endless-horizon-900: #1e3645;
  --color-endless-horizon-950: #10222c;
}