Intergalactic Highway to Dolly Cheek color palette

2D3682Intergalactic Highway 006F3DEnchanted Glen B25C33Monument Valley 3DC394Macau AFA0FFWidowmaker FFC6ADDolly Cheek

Open in generator Export PNG, PDF, ASE…

About this palette

Intergalactic Highway to Dolly Cheek is a 6-color cool palette: #2D3682 (Intergalactic Highway), #006F3D (Enchanted Glen), #B25C33 (Monument Valley), #3DC394 (Macau), #AFA0FF (Widowmaker), #FFC6AD (Dolly Cheek). It mixes blue, green, brown, turquoise, purple, orange tones and feels cool overall. The strongest text pairing is #2D3682 on #FFC6AD with a contrast ratio of 7.10:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Intergalactic Highway	rgb(45, 54, 130)	hsl(234, 49%, 34%)
Enchanted Glen	rgb(0, 111, 61)	hsl(153, 100%, 22%)
Monument Valley	rgb(178, 92, 51)	hsl(19, 55%, 45%)
Macau	rgb(61, 195, 148)	hsl(159, 53%, 50%)
Widowmaker	rgb(175, 160, 255)	hsl(249, 100%, 81%)
Dolly Cheek	rgb(255, 198, 173)	hsl(18, 100%, 84%)

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.

Aa7.10:1 Very good#2D3682 on #FFC6AD
Aa7.10:1 Very good#FFC6AD on #2D3682
Aa4.81:1 Good#2D3682 on #3DC394
Aa4.81:1 Good#3DC394 on #2D3682
Aa4.74:1 Good#2D3682 on #AFA0FF
Aa4.74:1 Good#AFA0FF on #2D3682
Aa4.17:1 Poor#006F3D on #FFC6AD
Aa4.17:1 Poor#FFC6AD on #006F3D

Color blindness preview

CSS variables

/* Intergalactic Highway to Dolly Cheek — https://swatchly.xyz/palette/2d3682-006f3d-b25c33-3dc394-afa0ff-ffc6ad */
:root {
  --intergalactic-highway: #2d3682;
  --enchanted-glen: #006f3d;
  --monument-valley: #b25c33;
  --macau: #3dc394;
  --widowmaker: #afa0ff;
  --dolly-cheek: #ffc6ad;
}

Tailwind CSS v4

/* Intergalactic Highway to Dolly Cheek — https://swatchly.xyz/palette/2d3682-006f3d-b25c33-3dc394-afa0ff-ffc6ad */
@theme {
  --color-intergalactic-highway: #2d3682;
  --color-intergalactic-highway-50: #f2f5ff;
  --color-intergalactic-highway-100: #e5eaff;
  --color-intergalactic-highway-200: #cbd6ff;
  --color-intergalactic-highway-300: #acbdff;
  --color-intergalactic-highway-400: #889aed;
  --color-intergalactic-highway-500: #6d7ed1;
  --color-intergalactic-highway-600: #5463b1;
  --color-intergalactic-highway-700: #404c93;
  --color-intergalactic-highway-800: #2d3682;
  --color-intergalactic-highway-900: #232b5f;
  --color-intergalactic-highway-950: #141a3f;
  --color-enchanted-glen: #006f3d;
  --color-enchanted-glen-50: #deffe8;
  --color-enchanted-glen-100: #c5fad6;
  --color-enchanted-glen-200: #abeac0;
  --color-enchanted-glen-300: #8ed7a7;
  --color-enchanted-glen-400: #67ba86;
  --color-enchanted-glen-500: #47a06b;
  --color-enchanted-glen-600: #2a8652;
  --color-enchanted-glen-700: #006f3d;
  --color-enchanted-glen-800: #00572f;
  --color-enchanted-glen-900: #004323;
  --color-enchanted-glen-950: #002b14;
  --color-monument-valley: #b25c33;
  --color-monument-valley-50: #fff2ed;
  --color-monument-valley-100: #ffe8de;
  --color-monument-valley-200: #ffd0bc;
  --color-monument-valley-300: #ffb291;
  --color-monument-valley-400: #e7916a;
  --color-monument-valley-500: #cd754d;
  --color-monument-valley-600: #b25c33;
  --color-monument-valley-700: #93441c;
  --color-monument-valley-800: #77310a;
  --color-monument-valley-900: #5f2301;
  --color-monument-valley-950: #3e1300;
  --color-macau: #3dc394;
  --color-macau-50: #e5fff3;
  --color-macau-100: #c2ffe4;
  --color-macau-200: #9ef1cd;
  --color-macau-300: #7bdeb6;
  --color-macau-400: #3dc394;
  --color-macau-500: #01a578;
  --color-macau-600: #008560;
  --color-macau-700: #00694b;
  --color-macau-800: #00523a;
  --color-macau-900: #003e2b;
  --color-macau-950: #002719;
  --color-widowmaker: #afa0ff;
  --color-widowmaker-50: #faf9ff;
  --color-widowmaker-100: #f2f1ff;
  --color-widowmaker-200: #e0ddff;
  --color-widowmaker-300: #ccc5ff;
  --color-widowmaker-400: #afa0ff;
  --color-widowmaker-500: #9182dd;
  --color-widowmaker-600: #7564bd;
  --color-widowmaker-700: #5c4c9d;
  --color-widowmaker-800: #47387f;
  --color-widowmaker-900: #362864;
  --color-widowmaker-950: #201640;
  --color-dolly-cheek: #ffc6ad;
  --color-dolly-cheek-50: #fff0e9;
  --color-dolly-cheek-100: #ffe2d5;
  --color-dolly-cheek-200: #ffc6ad;
  --color-dolly-cheek-300: #e3b29d;
  --color-dolly-cheek-400: #c6927b;
  --color-dolly-cheek-500: #ab7760;
  --color-dolly-cheek-600: #8e5d47;
  --color-dolly-cheek-700: #744834;
  --color-dolly-cheek-800: #5e3726;
  --color-dolly-cheek-900: #4a291a;
  --color-dolly-cheek-950: #30180e;
}