Moelleux au Chocolat to Honeyed Glow color palette

4B2F01Moelleux au Chocolat 654700Very Coffee 5583ADFisher King 82B2F4Fly Away EFC88FHoneyed Glow

About this palette

Moelleux au Chocolat to Honeyed Glow is a 5-color warm, earthy, vintage palette: #4B2F01 (Moelleux au Chocolat), #654700 (Very Coffee), #5583AD (Fisher King), #82B2F4 (Fly Away), #EFC88F (Honeyed Glow). It mixes brown, blue, yellow tones and feels warm overall. The strongest text pairing is #4B2F01 on #EFC88F with a contrast ratio of 7.81:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Moelleux au Chocolat	rgb(75, 47, 1)	hsl(37, 97%, 15%)
Very Coffee	rgb(101, 71, 0)	hsl(42, 100%, 20%)
Fisher King	rgb(85, 131, 173)	hsl(209, 35%, 51%)
Fly Away	rgb(130, 178, 244)	hsl(215, 84%, 73%)
Honeyed Glow	rgb(239, 200, 143)	hsl(36, 75%, 75%)

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.

Aa7.81:1 Very good#4B2F01 on #EFC88F
Aa7.81:1 Very good#EFC88F on #4B2F01
Aa5.64:1 Good#4B2F01 on #82B2F4
Aa5.64:1 Good#82B2F4 on #4B2F01
Aa5.43:1 Good#654700 on #EFC88F
Aa5.43:1 Good#EFC88F on #654700
Aa3.92:1 Poor#654700 on #82B2F4
Aa3.92:1 Poor#82B2F4 on #654700

Color blindness preview

CSS variables

/* Moelleux au Chocolat to Honeyed Glow — https://swatchly.xyz/palette/4b2f01-654700-5583ad-82b2f4-efc88f */
:root {
  --moelleux-au-chocolat: #4b2f01;
  --very-coffee: #654700;
  --fisher-king: #5583ad;
  --fly-away: #82b2f4;
  --honeyed-glow: #efc88f;
}

Tailwind CSS v4

/* Moelleux au Chocolat to Honeyed Glow — https://swatchly.xyz/palette/4b2f01-654700-5583ad-82b2f4-efc88f */
@theme {
  --color-moelleux-au-chocolat: #4b2f01;
  --color-moelleux-au-chocolat-50: #fff3e5;
  --color-moelleux-au-chocolat-100: #fde7cc;
  --color-moelleux-au-chocolat-200: #edd3b3;
  --color-moelleux-au-chocolat-300: #d9bc97;
  --color-moelleux-au-chocolat-400: #bc9c74;
  --color-moelleux-au-chocolat-500: #a18157;
  --color-moelleux-au-chocolat-600: #86673f;
  --color-moelleux-au-chocolat-700: #6d512c;
  --color-moelleux-au-chocolat-800: #58401e;
  --color-moelleux-au-chocolat-900: #4b2f01;
  --color-moelleux-au-chocolat-950: #2d1e09;
  --color-very-coffee: #654700;
  --color-very-coffee-50: #fff4e1;
  --color-very-coffee-100: #fee8c3;
  --color-very-coffee-200: #ecd2a6;
  --color-very-coffee-300: #d7b986;
  --color-very-coffee-400: #b8985f;
  --color-very-coffee-500: #9b7b40;
  --color-very-coffee-600: #7d5f25;
  --color-very-coffee-700: #654700;
  --color-very-coffee-800: #4e3705;
  --color-very-coffee-900: #3d2a01;
  --color-very-coffee-950: #271900;
  --color-fisher-king: #5583ad;
  --color-fisher-king-50: #ebf5ff;
  --color-fisher-king-100: #d7ebff;
  --color-fisher-king-200: #b3d8fb;
  --color-fisher-king-300: #96c0e8;
  --color-fisher-king-400: #72a0ca;
  --color-fisher-king-500: #5583ad;
  --color-fisher-king-600: #3e6a91;
  --color-fisher-king-700: #2c5477;
  --color-fisher-king-800: #1e4260;
  --color-fisher-king-900: #15334d;
  --color-fisher-king-950: #0a2033;
  --color-fly-away: #82b2f4;
  --color-fly-away-50: #f7faff;
  --color-fly-away-100: #ebf3ff;
  --color-fly-away-200: #cfe3ff;
  --color-fly-away-300: #add0ff;
  --color-fly-away-400: #82b2f4;
  --color-fly-away-500: #6593d3;
  --color-fly-away-600: #4976b3;
  --color-fly-away-700: #325c94;
  --color-fly-away-800: #224678;
  --color-fly-away-900: #16355e;
  --color-fly-away-950: #091f3c;
  --color-honeyed-glow: #efc88f;
  --color-honeyed-glow-50: #ffecd2;
  --color-honeyed-glow-100: #fae0ba;
  --color-honeyed-glow-200: #efc88f;
  --color-honeyed-glow-300: #d6b483;
  --color-honeyed-glow-400: #b99560;
  --color-honeyed-glow-500: #9f7b44;
  --color-honeyed-glow-600: #84622c;
  --color-honeyed-glow-700: #6d4e1a;
  --color-honeyed-glow-800: #583c0c;
  --color-honeyed-glow-900: #452e04;
  --color-honeyed-glow-950: #2c1c01;
}