Dawn Patrol to Her Highness Color Palette

About this palette

Dawn Patrol to Her Highness is a 5-color vintage palette: #FFE1DE (Dawn Patrol), #4CBBCA (High Dive), #8D7D00 (Olive), #585913 (Ayahuasca Vine), #3C3266 (Her Highness). It mixes white, turquoise, yellow, brown, purple tones and feels balanced overall. The strongest text pairing is #FFE1DE on #3C3266 with a contrast ratio of 9.28:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Dawn Patrol	rgb(255, 225, 222)	hsl(5, 100%, 94%)
High Dive	rgb(76, 187, 202)	hsl(187, 54%, 55%)
Olive	rgb(141, 125, 0)	hsl(53, 100%, 28%)
Ayahuasca Vine	rgb(88, 89, 19)	hsl(61, 65%, 21%)
Her Highness	rgb(60, 50, 102)	hsl(252, 34%, 30%)

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.28:1 Very good#FFE1DE on #3C3266
Aa9.28:1 Very good#3C3266 on #FFE1DE
Aa5.98:1 Good#FFE1DE on #585913
Aa5.98:1 Good#585913 on #FFE1DE
Aa5.04:1 Good#4CBBCA on #3C3266
Aa5.04:1 Good#3C3266 on #4CBBCA
Aa3.37:1 Poor#FFE1DE on #8D7D00
Aa3.37:1 Poor#8D7D00 on #FFE1DE

Color blindness preview

CSS variables

/* Dawn Patrol to Her Highness — https://swatchly.xyz/palette/ffe1de-4cbbca-8d7d00-585913-3c3266 */
:root {
  --dawn-patrol: #ffe1de;
  --high-dive: #4cbbca;
  --olive: #8d7d00;
  --ayahuasca-vine: #585913;
  --her-highness: #3c3266;
}

Tailwind CSS v4

/* Dawn Patrol to Her Highness — https://swatchly.xyz/palette/ffe1de-4cbbca-8d7d00-585913-3c3266 */
@theme {
  --color-dawn-patrol: #ffe1de;
  --color-dawn-patrol-50: #ffefee;
  --color-dawn-patrol-100: #ffe1de;
  --color-dawn-patrol-200: #e6d0ce;
  --color-dawn-patrol-300: #d2b9b6;
  --color-dawn-patrol-400: #b49997;
  --color-dawn-patrol-500: #997e7c;
  --color-dawn-patrol-600: #7e6462;
  --color-dawn-patrol-700: #664f4d;
  --color-dawn-patrol-800: #503d3b;
  --color-dawn-patrol-900: #3f2e2d;
  --color-dawn-patrol-950: #281c1b;
  --color-high-dive: #4cbbca;
  --color-high-dive-50: #e9fcff;
  --color-high-dive-100: #cdf9ff;
  --color-high-dive-200: #a4ebf6;
  --color-high-dive-300: #83d7e4;
  --color-high-dive-400: #4cbbca;
  --color-high-dive-500: #269dac;
  --color-high-dive-600: #007f8d;
  --color-high-dive-700: #00656f;
  --color-high-dive-800: #004e57;
  --color-high-dive-900: #003c42;
  --color-high-dive-950: #002529;
  --color-olive: #8d7d00;
  --color-olive-50: #fdf5c0;
  --color-olive-100: #f3eaad;
  --color-olive-200: #e0d48b;
  --color-olive-300: #c9bc66;
  --color-olive-400: #aa9a37;
  --color-olive-500: #8d7d00;
  --color-olive-600: #726400;
  --color-olive-700: #5a5000;
  --color-olive-800: #473e00;
  --color-olive-900: #383000;
  --color-olive-950: #231e00;
  --color-ayahuasca-vine: #585913;
  --color-ayahuasca-vine-50: #f6f9d3;
  --color-ayahuasca-vine-100: #edefc5;
  --color-ayahuasca-vine-200: #d9dcaa;
  --color-ayahuasca-vine-300: #c3c68d;
  --color-ayahuasca-vine-400: #a4a667;
  --color-ayahuasca-vine-500: #898b49;
  --color-ayahuasca-vine-600: #6e702f;
  --color-ayahuasca-vine-700: #585913;
  --color-ayahuasca-vine-800: #45450d;
  --color-ayahuasca-vine-900: #353505;
  --color-ayahuasca-vine-950: #212101;
  --color-her-highness: #3c3266;
  --color-her-highness-50: #f5f4ff;
  --color-her-highness-100: #eae8ff;
  --color-her-highness-200: #d6d1ff;
  --color-her-highness-300: #beb8ee;
  --color-her-highness-400: #9e96d1;
  --color-her-highness-500: #8279b4;
  --color-her-highness-600: #665e95;
  --color-her-highness-700: #4f4778;
  --color-her-highness-800: #3c3266;
  --color-her-highness-900: #2d284a;
  --color-her-highness-950: #1b172f;
}