Terrestrial to Fading Love color palette

2E6555Terrestrial DAB4C8Purple Poodle FFE6EFSweetly 003D2CLost in the Woods C5769DFading Love

About this palette

Terrestrial to Fading Love is a 5-color vintage palette: #2E6555 (Terrestrial), #DAB4C8 (Purple Poodle), #FFE6EF (Sweetly), #003D2C (Lost in the Woods), #C5769D (Fading Love). It mixes turquoise, pink, white tones and feels balanced overall. The strongest text pairing is #FFE6EF on #003D2C with a contrast ratio of 10.46:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Terrestrial	rgb(46, 101, 85)	hsl(163, 37%, 29%)
Purple Poodle	rgb(218, 180, 200)	hsl(328, 34%, 78%)
Sweetly	rgb(255, 230, 239)	hsl(338, 100%, 95%)
Lost in the Woods	rgb(0, 61, 44)	hsl(163, 100%, 12%)
Fading Love	rgb(197, 118, 157)	hsl(330, 41%, 62%)

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.46:1 Very good#FFE6EF on #003D2C
Aa10.46:1 Very good#003D2C on #FFE6EF
Aa6.66:1 Good#DAB4C8 on #003D2C
Aa6.66:1 Good#003D2C on #DAB4C8
Aa5.73:1 Good#2E6555 on #FFE6EF
Aa5.73:1 Good#FFE6EF on #2E6555
Aa3.79:1 Poor#003D2C on #C5769D
Aa3.79:1 Poor#C5769D on #003D2C

Color blindness preview

CSS variables

/* Terrestrial to Fading Love — https://swatchly.xyz/palette/2e6555-dab4c8-ffe6ef-003d2c-c5769d */
:root {
  --terrestrial: #2e6555;
  --purple-poodle: #dab4c8;
  --sweetly: #ffe6ef;
  --lost-in-the-woods: #003d2c;
  --fading-love: #c5769d;
}

Tailwind CSS v4

/* Terrestrial to Fading Love — https://swatchly.xyz/palette/2e6555-dab4c8-ffe6ef-003d2c-c5769d */
@theme {
  --color-terrestrial: #2e6555;
  --color-terrestrial-50: #defdf2;
  --color-terrestrial-100: #d2f4e8;
  --color-terrestrial-200: #bae3d5;
  --color-terrestrial-300: #9fcebe;
  --color-terrestrial-400: #7cb19f;
  --color-terrestrial-500: #5f9684;
  --color-terrestrial-600: #467b6b;
  --color-terrestrial-700: #2e6555;
  --color-terrestrial-800: #224f42;
  --color-terrestrial-900: #163d32;
  --color-terrestrial-950: #0a271f;
  --color-purple-poodle: #dab4c8;
  --color-purple-poodle-50: #fff0f8;
  --color-purple-poodle-100: #fce3f0;
  --color-purple-poodle-200: #ebcedd;
  --color-purple-poodle-300: #dab4c8;
  --color-purple-poodle-400: #b995a8;
  --color-purple-poodle-500: #9d7a8d;
  --color-purple-poodle-600: #816072;
  --color-purple-poodle-700: #694b5b;
  --color-purple-poodle-800: #533947;
  --color-purple-poodle-900: #412b37;
  --color-purple-poodle-950: #291a22;
  --color-sweetly: #ffe6ef;
  --color-sweetly-50: #fff4f8;
  --color-sweetly-100: #ffe6ef;
  --color-sweetly-200: #e6d4da;
  --color-sweetly-300: #d1bcc4;
  --color-sweetly-400: #b29ca4;
  --color-sweetly-500: #968088;
  --color-sweetly-600: #7b656d;
  --color-sweetly-700: #624f56;
  --color-sweetly-800: #4d3d43;
  --color-sweetly-900: #3c2e34;
  --color-sweetly-950: #261c20;
  --color-lost-in-the-woods: #003d2c;
  --color-lost-in-the-woods-50: #dffdf0;
  --color-lost-in-the-woods-100: #d3f4e6;
  --color-lost-in-the-woods-200: #bae2d1;
  --color-lost-in-the-woods-300: #9fcdba;
  --color-lost-in-the-woods-400: #7bae9a;
  --color-lost-in-the-woods-500: #5e937e;
  --color-lost-in-the-woods-600: #447864;
  --color-lost-in-the-woods-700: #30604e;
  --color-lost-in-the-woods-800: #214c3c;
  --color-lost-in-the-woods-900: #003d2c;
  --color-lost-in-the-woods-950: #0a251c;
  --color-fading-love: #c5769d;
  --color-fading-love-50: #fff4f9;
  --color-fading-love-100: #ffe9f2;
  --color-fading-love-200: #ffcfe4;
  --color-fading-love-300: #f7b3d3;
  --color-fading-love-400: #dd92b6;
  --color-fading-love-500: #c5769d;
  --color-fading-love-600: #a55980;
  --color-fading-love-700: #874266;
  --color-fading-love-800: #6d3050;
  --color-fading-love-900: #55213d;
  --color-fading-love-950: #361225;
}