Start generating

Moelleux au Chocolat to Macau color palette

493100Moelleux au ChocolatFCE2B6White StrawberryA0C8FFNight Snow873074Violet Vixen20987CPaolo Veronese Green39C28BMacau
Open in generator Export PNG, PDF, ASE…

About this palette

Moelleux au Chocolat to Macau is a 6-color palette: #493100 (Moelleux au Chocolat), #FCE2B6 (White Strawberry), #A0C8FF (Night Snow), #873074 (Violet Vixen), #20987C (Paolo Veronese Green), #39C28B (Macau). It mixes brown, yellow, blue, pink, turquoise, green tones and feels balanced overall. The strongest text pairing is #493100 on #FCE2B6 with a contrast ratio of 9.69:1, and 5 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Moelleux au Chocolatrgb(73, 49, 0)hsl(40, 100%, 14%)
White Strawberryrgb(252, 226, 182)hsl(38, 92%, 85%)
Night Snowrgb(160, 200, 255)hsl(215, 100%, 81%)
Violet Vixenrgb(135, 48, 116)hsl(313, 48%, 36%)
Paolo Veronese Greenrgb(32, 152, 124)hsl(166, 65%, 36%)
Macaurgb(57, 194, 139)hsl(156, 55%, 49%)

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.

  • Aa9.69:1 Very good#493100 on #FCE2B6
  • Aa9.69:1 Very good#FCE2B6 on #493100
  • Aa7.08:1 Very good#493100 on #A0C8FF
  • Aa7.08:1 Very good#A0C8FF on #493100
  • Aa6.17:1 Good#FCE2B6 on #873074
  • Aa6.17:1 Good#873074 on #FCE2B6
  • Aa5.38:1 Good#493100 on #39C28B
  • Aa5.38:1 Good#39C28B on #493100

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Moelleux au Chocolat to Macau — https://swatchly.xyz/palette/493100-fce2b6-a0c8ff-873074-20987c-39c28b */
:root {
  --moelleux-au-chocolat: #493100;
  --white-strawberry: #fce2b6;
  --night-snow: #a0c8ff;
  --violet-vixen: #873074;
  --paolo-veronese-green: #20987c;
  --macau: #39c28b;
}

Tailwind CSS v4

/* Moelleux au Chocolat to Macau — https://swatchly.xyz/palette/493100-fce2b6-a0c8ff-873074-20987c-39c28b */
@theme {
  --color-moelleux-au-chocolat: #493100;
  --color-moelleux-au-chocolat-50: #fff4e2;
  --color-moelleux-au-chocolat-100: #fbe9cc;
  --color-moelleux-au-chocolat-200: #ead4b2;
  --color-moelleux-au-chocolat-300: #d6bd96;
  --color-moelleux-au-chocolat-400: #b99e73;
  --color-moelleux-au-chocolat-500: #9e8357;
  --color-moelleux-au-chocolat-600: #83693e;
  --color-moelleux-au-chocolat-700: #6b532b;
  --color-moelleux-au-chocolat-800: #56411d;
  --color-moelleux-au-chocolat-900: #493100;
  --color-moelleux-au-chocolat-950: #2c1f08;
  --color-white-strawberry: #fce2b6;
  --color-white-strawberry-50: #feefd5;
  --color-white-strawberry-100: #fce2b6;
  --color-white-strawberry-200: #e4d0af;
  --color-white-strawberry-300: #d0ba95;
  --color-white-strawberry-400: #b39b73;
  --color-white-strawberry-500: #988158;
  --color-white-strawberry-600: #7e6740;
  --color-white-strawberry-700: #66522d;
  --color-white-strawberry-800: #513f1f;
  --color-white-strawberry-900: #3f3015;
  --color-white-strawberry-950: #281d09;
  --color-night-snow: #a0c8ff;
  --color-night-snow-50: #f3f8ff;
  --color-night-snow-100: #e4efff;
  --color-night-snow-200: #c5ddff;
  --color-night-snow-300: #a0c8ff;
  --color-night-snow-400: #82a7da;
  --color-night-snow-500: #658bbe;
  --color-night-snow-600: #4b6fa0;
  --color-night-snow-700: #375884;
  --color-night-snow-800: #27446a;
  --color-night-snow-900: #1b3354;
  --color-night-snow-950: #0e1f37;
  --color-violet-vixen: #873074;
  --color-violet-vixen-50: #fff0fa;
  --color-violet-vixen-100: #ffe1f6;
  --color-violet-vixen-200: #ffc2ed;
  --color-violet-vixen-300: #f5a3de;
  --color-violet-vixen-400: #d97fc2;
  --color-violet-vixen-500: #bd62a7;
  --color-violet-vixen-600: #a0488b;
  --color-violet-vixen-700: #873074;
  --color-violet-vixen-800: #6b245b;
  --color-violet-vixen-900: #551848;
  --color-violet-vixen-950: #370b2e;
  --color-paolo-veronese-green: #20987c;
  --color-paolo-veronese-green-50: #d7fff1;
  --color-paolo-veronese-green-100: #bbfae5;
  --color-paolo-veronese-green-200: #9ce8d0;
  --color-paolo-veronese-green-300: #7ad3b8;
  --color-paolo-veronese-green-400: #4cb498;
  --color-paolo-veronese-green-500: #20987c;
  --color-paolo-veronese-green-600: #007c63;
  --color-paolo-veronese-green-700: #00624e;
  --color-paolo-veronese-green-800: #004d3d;
  --color-paolo-veronese-green-900: #003c2f;
  --color-paolo-veronese-green-950: #00261c;
  --color-macau: #39c28b;
  --color-macau-50: #e3fff0;
  --color-macau-100: #c0ffde;
  --color-macau-200: #9bf1c7;
  --color-macau-300: #78deae;
  --color-macau-400: #39c28b;
  --color-macau-500: #00a470;
  --color-macau-600: #008459;
  --color-macau-700: #006946;
  --color-macau-800: #005135;
  --color-macau-900: #003e28;
  --color-macau-950: #002717;
}

Similar palettes