Kissed by Mist to Honey Do Color Palette

About this palette

Kissed by Mist to Honey Do is a 5-color pastel, light palette: #FFC9F5 (Kissed by Mist), #E0E7FF (Cloudless), #AFDFCA (Quiet Jade), #DCCC8E (Master Key), #E8F0CB (Honey Do). It mixes pink, gray, turquoise, yellow, green tones and feels balanced overall. The strongest text pairing is #DCCC8E on #E8F0CB with a contrast ratio of 1.36:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Kissed by Mist	rgb(255, 201, 245)	hsl(311, 100%, 89%)
Cloudless	rgb(224, 231, 255)	hsl(226, 100%, 94%)
Quiet Jade	rgb(175, 223, 202)	hsl(154, 43%, 78%)
Master Key	rgb(220, 204, 142)	hsl(48, 53%, 71%)
Honey Do	rgb(232, 240, 203)	hsl(73, 55%, 87%)

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

/* Kissed by Mist to Honey Do — https://swatchly.xyz/palette/ffc9f5-e0e7ff-afdfca-dccc8e-e8f0cb */
:root {
  --kissed-by-mist: #ffc9f5;
  --cloudless: #e0e7ff;
  --quiet-jade: #afdfca;
  --master-key: #dccc8e;
  --honey-do: #e8f0cb;
}

Tailwind CSS v4

/* Kissed by Mist to Honey Do — https://swatchly.xyz/palette/ffc9f5-e0e7ff-afdfca-dccc8e-e8f0cb */
@theme {
  --color-kissed-by-mist: #ffc9f5;
  --color-kissed-by-mist-50: #fff5fd;
  --color-kissed-by-mist-100: #ffe7fa;
  --color-kissed-by-mist-200: #ffc9f5;
  --color-kissed-by-mist-300: #e1b5d9;
  --color-kissed-by-mist-400: #c393bb;
  --color-kissed-by-mist-500: #a7769e;
  --color-kissed-by-mist-600: #8a5b82;
  --color-kissed-by-mist-700: #6f4569;
  --color-kissed-by-mist-800: #583452;
  --color-kissed-by-mist-900: #452640;
  --color-kissed-by-mist-950: #2c1629;
  --color-cloudless: #e0e7ff;
  --color-cloudless-50: #eef2ff;
  --color-cloudless-100: #e0e7ff;
  --color-cloudless-200: #cfd4e6;
  --color-cloudless-300: #b8bed2;
  --color-cloudless-400: #999fb5;
  --color-cloudless-500: #7e849a;
  --color-cloudless-600: #656a7f;
  --color-cloudless-700: #4f5467;
  --color-cloudless-800: #3d4252;
  --color-cloudless-900: #2e3240;
  --color-cloudless-950: #1c1f29;
  --color-quiet-jade: #afdfca;
  --color-quiet-jade-50: #def9ed;
  --color-quiet-jade-100: #d0efe1;
  --color-quiet-jade-200: #afdfca;
  --color-quiet-jade-300: #9fc8b6;
  --color-quiet-jade-400: #7daa97;
  --color-quiet-jade-500: #628f7c;
  --color-quiet-jade-600: #497563;
  --color-quiet-jade-700: #365e4e;
  --color-quiet-jade-800: #274b3d;
  --color-quiet-jade-900: #1b3a2e;
  --color-quiet-jade-950: #0e241c;
  --color-master-key: #dccc8e;
  --color-master-key-50: #fffbeb;
  --color-master-key-100: #fcf3d0;
  --color-master-key-200: #ece1b7;
  --color-master-key-300: #dccc8e;
  --color-master-key-400: #b9aa72;
  --color-master-key-500: #9c8d51;
  --color-master-key-600: #7f7035;
  --color-master-key-700: #665820;
  --color-master-key-800: #4f4310;
  --color-master-key-900: #3c3206;
  --color-master-key-950: #261f02;
  --color-honey-do: #e8f0cb;
  --color-honey-do-50: #f3f8e4;
  --color-honey-do-100: #e8f0cb;
  --color-honey-do-200: #d5dbc0;
  --color-honey-do-300: #bec5a6;
  --color-honey-do-400: #9fa684;
  --color-honey-do-500: #838a69;
  --color-honey-do-600: #697050;
  --color-honey-do-700: #53593c;
  --color-honey-do-800: #41452c;
  --color-honey-do-900: #313520;
  --color-honey-do-950: #1e2111;
}