Love Spell to Terrestrial Color Palette

About this palette

Love Spell to Terrestrial is a 5-color warm palette: #FFB2C6 (Love Spell), #E0436E (Fantasy Romance), #FF8595 (Tulip), #004442 (Rich Black), #00695A (Terrestrial). It mixes pink, red, turquoise tones and feels warm overall. The strongest text pairing is #FFB2C6 on #004442 with a contrast ratio of 6.53:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Love Spell	rgb(255, 178, 198)	hsl(344, 100%, 85%)
Fantasy Romance	rgb(224, 67, 110)	hsl(344, 72%, 57%)
Tulip	rgb(255, 133, 149)	hsl(352, 100%, 76%)
Rich Black	rgb(0, 68, 66)	hsl(178, 100%, 13%)
Terrestrial	rgb(0, 105, 90)	hsl(171, 100%, 21%)

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.

Aa6.53:1 Good#FFB2C6 on #004442
Aa6.53:1 Good#004442 on #FFB2C6
Aa4.74:1 Good#FF8595 on #004442
Aa4.74:1 Good#004442 on #FF8595
Aa3.93:1 Poor#FFB2C6 on #00695A
Aa3.93:1 Poor#00695A on #FFB2C6

Color blindness preview

CSS variables

/* Love Spell to Terrestrial — https://swatchly.xyz/palette/ffb2c6-e0436e-ff8595-004442-00695a */
:root {
  --love-spell: #ffb2c6;
  --fantasy-romance: #e0436e;
  --tulip: #ff8595;
  --rich-black: #004442;
  --terrestrial: #00695a;
}

Tailwind CSS v4

/* Love Spell to Terrestrial — https://swatchly.xyz/palette/ffb2c6-e0436e-ff8595-004442-00695a */
@theme {
  --color-love-spell: #ffb2c6;
  --color-love-spell-50: #fff8fa;
  --color-love-spell-100: #ffedf1;
  --color-love-spell-200: #ffd3dd;
  --color-love-spell-300: #ffb2c6;
  --color-love-spell-400: #d893a5;
  --color-love-spell-500: #bb7488;
  --color-love-spell-600: #9c586c;
  --color-love-spell-700: #7f4254;
  --color-love-spell-800: #653040;
  --color-love-spell-900: #4f2230;
  --color-love-spell-950: #33131d;
  --color-fantasy-romance: #e0436e;
  --color-fantasy-romance-50: #fff1f3;
  --color-fantasy-romance-100: #ffe3e7;
  --color-fantasy-romance-200: #ffc6ce;
  --color-fantasy-romance-300: #ffa2b2;
  --color-fantasy-romance-400: #fd668a;
  --color-fantasy-romance-500: #e0436e;
  --color-fantasy-romance-600: #bf2255;
  --color-fantasy-romance-700: #9f0041;
  --color-fantasy-romance-800: #7e0032;
  --color-fantasy-romance-900: #630025;
  --color-fantasy-romance-950: #410016;
  --color-tulip: #ff8595;
  --color-tulip-50: #fff8f9;
  --color-tulip-100: #ffeeef;
  --color-tulip-200: #ffd6d9;
  --color-tulip-300: #ffb7be;
  --color-tulip-400: #ff8595;
  --color-tulip-500: #dc6778;
  --color-tulip-600: #bb485c;
  --color-tulip-700: #9a3045;
  --color-tulip-800: #7c1e32;
  --color-tulip-900: #611124;
  --color-tulip-950: #3e0613;
  --color-rich-black: #004442;
  --color-rich-black-50: #ddfdfb;
  --color-rich-black-100: #d0f4f1;
  --color-rich-black-200: #b7e1df;
  --color-rich-black-300: #9bccc9;
  --color-rich-black-400: #78afac;
  --color-rich-black-500: #5c9592;
  --color-rich-black-600: #437b78;
  --color-rich-black-700: #306562;
  --color-rich-black-800: #215250;
  --color-rich-black-900: #004442;
  --color-rich-black-950: #0a2b2a;
  --color-terrestrial: #00695a;
  --color-terrestrial-50: #d8fff5;
  --color-terrestrial-100: #c6f7eb;
  --color-terrestrial-200: #ace7d9;
  --color-terrestrial-300: #8ed2c3;
  --color-terrestrial-400: #67b5a4;
  --color-terrestrial-500: #479a8a;
  --color-terrestrial-600: #2a8070;
  --color-terrestrial-700: #00695a;
  --color-terrestrial-800: #005246;
  --color-terrestrial-900: #004036;
  --color-terrestrial-950: #002821;
}