Start generating

Watermelon Mousse to Silent Orbit color palette

FFE0EDWatermelon MousseB5DFAACeladonD1819BPrimrose008149Bold Irish67479BUltrapurple Merge2D1A4DSilent Orbit
Open in generator Export PNG, PDF, ASE…

About this palette

Watermelon Mousse to Silent Orbit is a 6-color cool palette: #FFE0ED (Watermelon Mousse), #B5DFAA (Celadon), #D1819B (Primrose), #008149 (Bold Irish), #67479B (Ultrapurple Merge), #2D1A4D (Silent Orbit). It mixes pink, green, purple tones and feels cool overall. The strongest text pairing is #FFE0ED on #2D1A4D with a contrast ratio of 12.54:1, and 5 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Watermelon Moussergb(255, 224, 237)hsl(335, 100%, 94%)
Celadonrgb(181, 223, 170)hsl(108, 45%, 77%)
Primrosergb(209, 129, 155)hsl(340, 47%, 66%)
Bold Irishrgb(0, 129, 73)hsl(154, 100%, 25%)
Ultrapurple Mergergb(103, 71, 155)hsl(263, 37%, 44%)
Silent Orbitrgb(45, 26, 77)hsl(262, 50%, 20%)

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.

  • Aa12.54:1 Super#FFE0ED on #2D1A4D
  • Aa12.54:1 Super#2D1A4D on #FFE0ED
  • Aa10.32:1 Very good#B5DFAA on #2D1A4D
  • Aa10.32:1 Very good#2D1A4D on #B5DFAA
  • Aa5.81:1 Good#FFE0ED on #67479B
  • Aa5.81:1 Good#67479B on #FFE0ED
  • Aa5.36:1 Good#D1819B on #2D1A4D
  • Aa5.36:1 Good#2D1A4D on #D1819B

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Watermelon Mousse to Silent Orbit — https://swatchly.xyz/palette/ffe0ed-b5dfaa-d1819b-008149-67479b-2d1a4d */
:root {
  --watermelon-mousse: #ffe0ed;
  --celadon: #b5dfaa;
  --primrose: #d1819b;
  --bold-irish: #008149;
  --ultrapurple-merge: #67479b;
  --silent-orbit: #2d1a4d;
}

Tailwind CSS v4

/* Watermelon Mousse to Silent Orbit — https://swatchly.xyz/palette/ffe0ed-b5dfaa-d1819b-008149-67479b-2d1a4d */
@theme {
  --color-watermelon-mousse: #ffe0ed;
  --color-watermelon-mousse-50: #ffeff6;
  --color-watermelon-mousse-100: #ffe0ed;
  --color-watermelon-mousse-200: #e6cfd9;
  --color-watermelon-mousse-300: #d2b8c3;
  --color-watermelon-mousse-400: #b498a4;
  --color-watermelon-mousse-500: #987d89;
  --color-watermelon-mousse-600: #7d636e;
  --color-watermelon-mousse-700: #654d58;
  --color-watermelon-mousse-800: #503c45;
  --color-watermelon-mousse-900: #3e2d35;
  --color-watermelon-mousse-950: #271b21;
  --color-celadon: #b5dfaa;
  --color-celadon-50: #e1f9da;
  --color-celadon-100: #d3efcc;
  --color-celadon-200: #b5dfaa;
  --color-celadon-300: #a4c89a;
  --color-celadon-400: #83aa79;
  --color-celadon-500: #69905e;
  --color-celadon-600: #507547;
  --color-celadon-700: #3d5f34;
  --color-celadon-800: #2e4b26;
  --color-celadon-900: #213a1a;
  --color-celadon-950: #12250e;
  --color-primrose: #d1819b;
  --color-primrose-50: #ffeef3;
  --color-primrose-100: #ffdfe8;
  --color-primrose-200: #ffc0d3;
  --color-primrose-300: #eda5bb;
  --color-primrose-400: #d1819b;
  --color-primrose-500: #b46781;
  --color-primrose-600: #974e67;
  --color-primrose-700: #7c3a52;
  --color-primrose-800: #642b40;
  --color-primrose-900: #501f31;
  --color-primrose-950: #35111e;
  --color-bold-irish: #008149;
  --color-bold-irish-50: #deffe8;
  --color-bold-irish-100: #c1fcd4;
  --color-bold-irish-200: #a3ebbc;
  --color-bold-irish-300: #83d6a2;
  --color-bold-irish-400: #58b87f;
  --color-bold-irish-500: #339d63;
  --color-bold-irish-600: #008149;
  --color-bold-irish-700: #006739;
  --color-bold-irish-800: #00502b;
  --color-bold-irish-900: #003e20;
  --color-bold-irish-950: #002712;
  --color-ultrapurple-merge: #67479b;
  --color-ultrapurple-merge-50: #f6f3ff;
  --color-ultrapurple-merge-100: #eee7ff;
  --color-ultrapurple-merge-200: #ded0ff;
  --color-ultrapurple-merge-300: #ccb4ff;
  --color-ultrapurple-merge-400: #b093e9;
  --color-ultrapurple-merge-500: #9677cf;
  --color-ultrapurple-merge-600: #7d5db3;
  --color-ultrapurple-merge-700: #67479b;
  --color-ultrapurple-merge-800: #51367c;
  --color-ultrapurple-merge-900: #3f2763;
  --color-ultrapurple-merge-950: #281742;
  --color-silent-orbit: #2d1a4d;
  --color-silent-orbit-50: #f6f3ff;
  --color-silent-orbit-100: #ede7ff;
  --color-silent-orbit-200: #dccfff;
  --color-silent-orbit-300: #c6b7ed;
  --color-silent-orbit-400: #a796d1;
  --color-silent-orbit-500: #8e7cb8;
  --color-silent-orbit-600: #75639d;
  --color-silent-orbit-700: #5f4f83;
  --color-silent-orbit-800: #4d3e6d;
  --color-silent-orbit-900: #3e315a;
  --color-silent-orbit-950: #2d1a4d;
}

Similar palettes