Peaches of Immortality to Broad Daylight color palette

D58487Peaches of Immortality 38537ESt. Tropaz 412424Ethereal Espresso 768663Green Relict C2DEFBBroad Daylight

Open in generator Export PNG, PDF, ASE…

About this palette

Peaches of Immortality to Broad Daylight is a 5-color cool, vintage palette: #D58487 (Peaches of Immortality), #38537E (St. Tropaz), #412424 (Ethereal Espresso), #768663 (Green Relict), #C2DEFB (Broad Daylight). It mixes red, blue, brown, green tones and feels cool overall. The strongest text pairing is #412424 on #C2DEFB with a contrast ratio of 10.07:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Peaches of Immortality	rgb(213, 132, 135)	hsl(358, 49%, 68%)
St. Tropaz	rgb(56, 83, 126)	hsl(217, 38%, 36%)
Ethereal Espresso	rgb(65, 36, 36)	hsl(0, 29%, 20%)
Green Relict	rgb(118, 134, 99)	hsl(87, 15%, 46%)
Broad Daylight	rgb(194, 222, 251)	hsl(211, 88%, 87%)

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.07:1 Very good#412424 on #C2DEFB
Aa10.07:1 Very good#C2DEFB on #412424
Aa5.59:1 Good#38537E on #C2DEFB
Aa5.59:1 Good#C2DEFB on #38537E
Aa4.98:1 Good#D58487 on #412424
Aa4.98:1 Good#412424 on #D58487
Aa3.57:1 Poor#412424 on #768663
Aa3.57:1 Poor#768663 on #412424

Color blindness preview

CSS variables

/* Peaches of Immortality to Broad Daylight — https://swatchly.xyz/palette/d58487-38537e-412424-768663-c2defb */
:root {
  --peaches-of-immortality: #d58487;
  --st-tropaz: #38537e;
  --ethereal-espresso: #412424;
  --green-relict: #768663;
  --broad-daylight: #c2defb;
}

Tailwind CSS v4

/* Peaches of Immortality to Broad Daylight — https://swatchly.xyz/palette/d58487-38537e-412424-768663-c2defb */
@theme {
  --color-peaches-of-immortality: #d58487;
  --color-peaches-of-immortality-50: #fff0f0;
  --color-peaches-of-immortality-100: #ffe1e1;
  --color-peaches-of-immortality-200: #ffc4c5;
  --color-peaches-of-immortality-300: #f1a8a9;
  --color-peaches-of-immortality-400: #d58487;
  --color-peaches-of-immortality-500: #b8696d;
  --color-peaches-of-immortality-600: #9a5054;
  --color-peaches-of-immortality-700: #7f3c41;
  --color-peaches-of-immortality-800: #662c31;
  --color-peaches-of-immortality-900: #522024;
  --color-peaches-of-immortality-950: #361215;
  --color-st-tropaz: #38537e;
  --color-st-tropaz-50: #f0f6ff;
  --color-st-tropaz-100: #e0ecff;
  --color-st-tropaz-200: #c1d9fe;
  --color-st-tropaz-300: #a6c1ec;
  --color-st-tropaz-400: #84a1d0;
  --color-st-tropaz-500: #6885b4;
  --color-st-tropaz-600: #4f6a96;
  --color-st-tropaz-700: #38537e;
  --color-st-tropaz-800: #2b4163;
  --color-st-tropaz-900: #1f314e;
  --color-st-tropaz-950: #111e33;
  --color-ethereal-espresso: #412424;
  --color-ethereal-espresso-50: #fff1f1;
  --color-ethereal-espresso-100: #fde4e4;
  --color-ethereal-espresso-200: #edcfce;
  --color-ethereal-espresso-300: #d9b8b7;
  --color-ethereal-espresso-400: #ba9695;
  --color-ethereal-espresso-500: #9d7a79;
  --color-ethereal-espresso-600: #805f5e;
  --color-ethereal-espresso-700: #664948;
  --color-ethereal-espresso-800: #4f3636;
  --color-ethereal-espresso-900: #412424;
  --color-ethereal-espresso-950: #251716;
  --color-green-relict: #768663;
  --color-green-relict-50: #eef8e3;
  --color-green-relict-100: #e2eed5;
  --color-green-relict-200: #ccd9bd;
  --color-green-relict-300: #b3c2a2;
  --color-green-relict-400: #92a27f;
  --color-green-relict-500: #768663;
  --color-green-relict-600: #5e6c4b;
  --color-green-relict-700: #495739;
  --color-green-relict-800: #38442a;
  --color-green-relict-900: #2b351f;
  --color-green-relict-950: #1a2111;
  --color-broad-daylight: #c2defb;
  --color-broad-daylight-50: #f1f8ff;
  --color-broad-daylight-100: #e1f0ff;
  --color-broad-daylight-200: #c2defb;
  --color-broad-daylight-300: #afc6de;
  --color-broad-daylight-400: #8da6c1;
  --color-broad-daylight-500: #718aa5;
  --color-broad-daylight-600: #576f89;
  --color-broad-daylight-700: #42586f;
  --color-broad-daylight-800: #314458;
  --color-broad-daylight-900: #243445;
  --color-broad-daylight-950: #15202c;
}