Mermaid Tears to Frost Fairy color palette

D8E9AAMermaid Tears FFDEDADawn Patrol 9DD3A8Garden Goddess CBF7E3Minty Fresh BFC7F1Frost Fairy

About this palette

Mermaid Tears to Frost Fairy is a 5-color pastel, light, cool palette: #D8E9AA (Mermaid Tears), #FFDEDA (Dawn Patrol), #9DD3A8 (Garden Goddess), #CBF7E3 (Minty Fresh), #BFC7F1 (Frost Fairy). It mixes green, pink, turquoise, purple tones and feels cool overall. The strongest text pairing is #9DD3A8 on #CBF7E3 with a contrast ratio of 1.46:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Mermaid Tears	rgb(216, 233, 170)	hsl(76, 59%, 79%)
Dawn Patrol	rgb(255, 222, 218)	hsl(6, 100%, 93%)
Garden Goddess	rgb(157, 211, 168)	hsl(132, 38%, 72%)
Minty Fresh	rgb(203, 247, 227)	hsl(153, 73%, 88%)
Frost Fairy	rgb(191, 199, 241)	hsl(230, 64%, 85%)

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.

Color blindness preview

CSS variables

/* Mermaid Tears to Frost Fairy — https://swatchly.xyz/palette/d8e9aa-ffdeda-9dd3a8-cbf7e3-bfc7f1 */
:root {
  --mermaid-tears: #d8e9aa;
  --dawn-patrol: #ffdeda;
  --garden-goddess: #9dd3a8;
  --minty-fresh: #cbf7e3;
  --frost-fairy: #bfc7f1;
}

Tailwind CSS v4

/* Mermaid Tears to Frost Fairy — https://swatchly.xyz/palette/d8e9aa-ffdeda-9dd3a8-cbf7e3-bfc7f1 */
@theme {
  --color-mermaid-tears: #d8e9aa;
  --color-mermaid-tears-50: #f7ffe5;
  --color-mermaid-tears-100: #eef8d4;
  --color-mermaid-tears-200: #d8e9aa;
  --color-mermaid-tears-300: #c1cf9d;
  --color-mermaid-tears-400: #a0af76;
  --color-mermaid-tears-500: #839257;
  --color-mermaid-tears-600: #68763c;
  --color-mermaid-tears-700: #515d27;
  --color-mermaid-tears-800: #3d4818;
  --color-mermaid-tears-900: #2f370f;
  --color-mermaid-tears-950: #1c2206;
  --color-dawn-patrol: #ffdeda;
  --color-dawn-patrol-50: #ffedea;
  --color-dawn-patrol-100: #ffdeda;
  --color-dawn-patrol-200: #e6cdca;
  --color-dawn-patrol-300: #d2b7b3;
  --color-dawn-patrol-400: #b59794;
  --color-dawn-patrol-500: #9a7d79;
  --color-dawn-patrol-600: #7f6360;
  --color-dawn-patrol-700: #674e4b;
  --color-dawn-patrol-800: #523c3a;
  --color-dawn-patrol-900: #402e2b;
  --color-dawn-patrol-950: #291b1a;
  --color-garden-goddess: #9dd3a8;
  --color-garden-goddess-50: #e3ffe8;
  --color-garden-goddess-100: #d6f7dc;
  --color-garden-goddess-200: #bee5c5;
  --color-garden-goddess-300: #9dd3a8;
  --color-garden-goddess-400: #80b28a;
  --color-garden-goddess-500: #62966e;
  --color-garden-goddess-600: #487a54;
  --color-garden-goddess-700: #34623f;
  --color-garden-goddess-800: #244d2f;
  --color-garden-goddess-900: #193b22;
  --color-garden-goddess-950: #0c2513;
  --color-minty-fresh: #cbf7e3;
  --color-minty-fresh-50: #e4fcf1;
  --color-minty-fresh-100: #cbf7e3;
  --color-minty-fresh-200: #c0e0d1;
  --color-minty-fresh-300: #a6cbba;
  --color-minty-fresh-400: #84ac9a;
  --color-minty-fresh-500: #68917f;
  --color-minty-fresh-600: #4e7665;
  --color-minty-fresh-700: #3a5e4f;
  --color-minty-fresh-800: #2a4a3d;
  --color-minty-fresh-900: #1e392e;
  --color-minty-fresh-950: #10241c;
  --color-frost-fairy: #bfc7f1;
  --color-frost-fairy-50: #f8f9ff;
  --color-frost-fairy-100: #edf0ff;
  --color-frost-fairy-200: #d7ddfb;
  --color-frost-fairy-300: #bfc7f1;
  --color-frost-fairy-400: #9fa6cc;
  --color-frost-fairy-500: #8289b0;
  --color-frost-fairy-600: #666d92;
  --color-frost-fairy-700: #4f5577;
  --color-frost-fairy-800: #3c415e;
  --color-frost-fairy-900: #2d3149;
  --color-frost-fairy-950: #1b1e2f;
}