Start generating

Homoeopathic Lime to Royal Neptune color palette

E8F9E9Homoeopathic LimeB1C7B8Misty Morning6D9FA6Tranquili Teal886971Moonscape684A57Wine Stain1B3C43Royal Neptune
Open in generator Export PNG, PDF, ASE…

About this palette

Homoeopathic Lime to Royal Neptune is a 6-color muted palette: #E8F9E9 (Homoeopathic Lime), #B1C7B8 (Misty Morning), #6D9FA6 (Tranquili Teal), #886971 (Moonscape), #684A57 (Wine Stain), #1B3C43 (Royal Neptune). It mixes white, gray, turquoise, red tones and feels balanced overall. The strongest text pairing is #E8F9E9 on #1B3C43 with a contrast ratio of 10.80:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Homoeopathic Limergb(232, 249, 233)hsl(124, 59%, 94%)
Misty Morningrgb(177, 199, 184)hsl(139, 16%, 74%)
Tranquili Tealrgb(109, 159, 166)hsl(187, 24%, 54%)
Moonscapergb(136, 105, 113)hsl(345, 13%, 47%)
Wine Stainrgb(104, 74, 87)hsl(334, 17%, 35%)
Royal Neptunergb(27, 60, 67)hsl(190, 43%, 18%)

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.80:1 Very good#E8F9E9 on #1B3C43
  • Aa10.80:1 Very good#1B3C43 on #E8F9E9
  • Aa7.08:1 Very good#E8F9E9 on #684A57
  • Aa7.08:1 Very good#684A57 on #E8F9E9
  • Aa6.61:1 Good#B1C7B8 on #1B3C43
  • Aa6.61:1 Good#1B3C43 on #B1C7B8
  • Aa4.45:1 Poor#E8F9E9 on #886971
  • Aa4.45:1 Poor#886971 on #E8F9E9

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Homoeopathic Lime to Royal Neptune — https://swatchly.xyz/palette/e8f9e9-b1c7b8-6d9fa6-886971-684a57-1b3c43 */
:root {
  --homoeopathic-lime: #e8f9e9;
  --misty-morning: #b1c7b8;
  --tranquili-teal: #6d9fa6;
  --moonscape: #886971;
  --wine-stain: #684a57;
  --royal-neptune: #1b3c43;
}

Tailwind CSS v4

/* Homoeopathic Lime to Royal Neptune — https://swatchly.xyz/palette/e8f9e9-b1c7b8-6d9fa6-886971-684a57-1b3c43 */
@theme {
  --color-homoeopathic-lime: #e8f9e9;
  --color-homoeopathic-lime-50: #e8f9e9;
  --color-homoeopathic-lime-100: #e3ede3;
  --color-homoeopathic-lime-200: #cedacf;
  --color-homoeopathic-lime-300: #b7c5b7;
  --color-homoeopathic-lime-400: #97a698;
  --color-homoeopathic-lime-500: #7b8b7c;
  --color-homoeopathic-lime-600: #627063;
  --color-homoeopathic-lime-700: #4c594d;
  --color-homoeopathic-lime-800: #3a463b;
  --color-homoeopathic-lime-900: #2c362d;
  --color-homoeopathic-lime-950: #1a211b;
  --color-misty-morning: #b1c7b8;
  --color-misty-morning-50: #ecf9f0;
  --color-misty-morning-100: #e1efe5;
  --color-misty-morning-200: #cbdcd1;
  --color-misty-morning-300: #b1c7b8;
  --color-misty-morning-400: #93a799;
  --color-misty-morning-500: #778c7e;
  --color-misty-morning-600: #5e7164;
  --color-misty-morning-700: #485a4e;
  --color-misty-morning-800: #37473c;
  --color-misty-morning-900: #29372e;
  --color-misty-morning-950: #18221c;
  --color-tranquili-teal: #6d9fa6;
  --color-tranquili-teal-50: #d9f7fb;
  --color-tranquili-teal-100: #caecf1;
  --color-tranquili-teal-200: #afd7dd;
  --color-tranquili-teal-300: #92c0c6;
  --color-tranquili-teal-400: #6d9fa6;
  --color-tranquili-teal-500: #54868c;
  --color-tranquili-teal-600: #3e6d73;
  --color-tranquili-teal-700: #2c575d;
  --color-tranquili-teal-800: #1f464b;
  --color-tranquili-teal-900: #15373b;
  --color-tranquili-teal-950: #0b2327;
  --color-moonscape: #886971;
  --color-moonscape-50: #fff1f4;
  --color-moonscape-100: #fce6eb;
  --color-moonscape-200: #ecd2d9;
  --color-moonscape-300: #d9bcc3;
  --color-moonscape-400: #bc9da5;
  --color-moonscape-500: #a2828a;
  --color-moonscape-600: #886971;
  --color-moonscape-700: #6e5259;
  --color-moonscape-800: #573f45;
  --color-moonscape-900: #442f35;
  --color-moonscape-950: #2b1c20;
  --color-wine-stain: #684a57;
  --color-wine-stain-50: #fff1f6;
  --color-wine-stain-100: #fbe4ed;
  --color-wine-stain-200: #eacfda;
  --color-wine-stain-300: #d5b7c3;
  --color-wine-stain-400: #b796a4;
  --color-wine-stain-500: #9b7b88;
  --color-wine-stain-600: #7f616e;
  --color-wine-stain-700: #684a57;
  --color-wine-stain-800: #513944;
  --color-wine-stain-900: #402b34;
  --color-wine-stain-950: #281a20;
  --color-royal-neptune: #1b3c43;
  --color-royal-neptune-50: #e5f9fe;
  --color-royal-neptune-100: #d9f0f5;
  --color-royal-neptune-200: #c2dde3;
  --color-royal-neptune-300: #a8c7ce;
  --color-royal-neptune-400: #87a9b1;
  --color-royal-neptune-500: #6c8e96;
  --color-royal-neptune-600: #53747c;
  --color-royal-neptune-700: #3f5e65;
  --color-royal-neptune-800: #2f4b51;
  --color-royal-neptune-900: #1b3c43;
  --color-royal-neptune-950: #142529;
}

Similar palettes