Kimono to Moelleux au Chocolat color palette

6D87BAKimono 00B7BBSuper Rare Jade FFC8AFDolly Cheek 006962Peacock Pride 522C11Moelleux au Chocolat

About this palette

Kimono to Moelleux au Chocolat is a 5-color cool, vintage palette: #6D87BA (Kimono), #00B7BB (Super Rare Jade), #FFC8AF (Dolly Cheek), #006962 (Peacock Pride), #522C11 (Moelleux au Chocolat). It mixes blue, turquoise, orange, brown tones and feels cool overall. The strongest text pairing is #FFC8AF on #522C11 with a contrast ratio of 8.18:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Kimono	rgb(109, 135, 186)	hsl(220, 36%, 58%)
Super Rare Jade	rgb(0, 183, 187)	hsl(181, 100%, 37%)
Dolly Cheek	rgb(255, 200, 175)	hsl(19, 100%, 84%)
Peacock Pride	rgb(0, 105, 98)	hsl(176, 100%, 21%)
Moelleux au Chocolat	rgb(82, 44, 17)	hsl(25, 66%, 19%)

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.

Aa8.18:1 Very good#FFC8AF on #522C11
Aa8.18:1 Very good#522C11 on #FFC8AF
Aa4.92:1 Good#00B7BB on #522C11
Aa4.92:1 Good#522C11 on #00B7BB
Aa4.42:1 Poor#FFC8AF on #006962
Aa4.42:1 Poor#006962 on #FFC8AF
Aa3.37:1 Poor#6D87BA on #522C11
Aa3.37:1 Poor#522C11 on #6D87BA

Color blindness preview

CSS variables

/* Kimono to Moelleux au Chocolat — https://swatchly.xyz/palette/6d87ba-00b7bb-ffc8af-006962-522c11 */
:root {
  --kimono: #6d87ba;
  --super-rare-jade: #00b7bb;
  --dolly-cheek: #ffc8af;
  --peacock-pride: #006962;
  --moelleux-au-chocolat: #522c11;
}

Tailwind CSS v4

/* Kimono to Moelleux au Chocolat — https://swatchly.xyz/palette/6d87ba-00b7bb-ffc8af-006962-522c11 */
@theme {
  --color-kimono: #6d87ba;
  --color-kimono-50: #f0f6ff;
  --color-kimono-100: #e2ecff;
  --color-kimono-200: #c5d9ff;
  --color-kimono-300: #aac2f0;
  --color-kimono-400: #89a3d5;
  --color-kimono-500: #6d87ba;
  --color-kimono-600: #546c9d;
  --color-kimono-700: #3f5581;
  --color-kimono-800: #2f4268;
  --color-kimono-900: #223253;
  --color-kimono-950: #131f36;
  --color-super-rare-jade: #00b7bb;
  --color-super-rare-jade-50: #d4feff;
  --color-super-rare-jade-100: #affbfc;
  --color-super-rare-jade-200: #8ce9ec;
  --color-super-rare-jade-300: #63d5d8;
  --color-super-rare-jade-400: #00b7bb;
  --color-super-rare-jade-500: #00989c;
  --color-super-rare-jade-600: #007b7e;
  --color-super-rare-jade-700: #006264;
  --color-super-rare-jade-800: #004c4e;
  --color-super-rare-jade-900: #003b3c;
  --color-super-rare-jade-950: #002526;
  --color-dolly-cheek: #ffc8af;
  --color-dolly-cheek-50: #fff1ea;
  --color-dolly-cheek-100: #ffe3d7;
  --color-dolly-cheek-200: #ffc8af;
  --color-dolly-cheek-300: #e2b49f;
  --color-dolly-cheek-400: #c5947d;
  --color-dolly-cheek-500: #aa7861;
  --color-dolly-cheek-600: #8e5e48;
  --color-dolly-cheek-700: #744935;
  --color-dolly-cheek-800: #5d3826;
  --color-dolly-cheek-900: #492a1b;
  --color-dolly-cheek-950: #2f190e;
  --color-peacock-pride: #006962;
  --color-peacock-pride-50: #d6fffa;
  --color-peacock-pride-100: #c6f7f1;
  --color-peacock-pride-200: #ace6df;
  --color-peacock-pride-300: #8ed2ca;
  --color-peacock-pride-400: #67b5ac;
  --color-peacock-pride-500: #479a92;
  --color-peacock-pride-600: #2a8078;
  --color-peacock-pride-700: #006962;
  --color-peacock-pride-800: #00524d;
  --color-peacock-pride-900: #003f3b;
  --color-peacock-pride-950: #002825;
  --color-moelleux-au-chocolat: #522c11;
  --color-moelleux-au-chocolat-50: #fff2eb;
  --color-moelleux-au-chocolat-100: #ffe5d6;
  --color-moelleux-au-chocolat-200: #f3cfb9;
  --color-moelleux-au-chocolat-300: #e0b79e;
  --color-moelleux-au-chocolat-400: #c4987c;
  --color-moelleux-au-chocolat-500: #a97d61;
  --color-moelleux-au-chocolat-600: #8d6349;
  --color-moelleux-au-chocolat-700: #754e36;
  --color-moelleux-au-chocolat-800: #5f3d27;
  --color-moelleux-au-chocolat-900: #522c11;
  --color-moelleux-au-chocolat-950: #321d0f;
}