Rosewood Dreams to Scandinavian Liquorice color palette

F0BFB5Rosewood Dreams CA9285Café Crème 7E5F68Reading Tea Leaves 5E4426Irish Coffee 191012Scandinavian Liquorice

Open in generator Export PNG, PDF, ASE…

About this palette

Rosewood Dreams to Scandinavian Liquorice is a 5-color muted, warm, vintage, gradient palette: #F0BFB5 (Rosewood Dreams), #CA9285 (Café Crème), #7E5F68 (Reading Tea Leaves), #5E4426 (Irish Coffee), #191012 (Scandinavian Liquorice). It mixes pink, red, brown, black tones and feels warm overall. The strongest text pairing is #F0BFB5 on #191012 with a contrast ratio of 11.41:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Rosewood Dreams	rgb(240, 191, 181)	hsl(10, 66%, 83%)
Café Crème	rgb(202, 146, 133)	hsl(11, 39%, 66%)
Reading Tea Leaves	rgb(126, 95, 104)	hsl(343, 14%, 43%)
Irish Coffee	rgb(94, 68, 38)	hsl(32, 42%, 26%)
Scandinavian Liquorice	rgb(25, 16, 18)	hsl(347, 22%, 8%)

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.

Aa11.41:1 Very good#F0BFB5 on #191012
Aa11.41:1 Very good#191012 on #F0BFB5
Aa7.08:1 Very good#CA9285 on #191012
Aa7.08:1 Very good#191012 on #CA9285
Aa5.50:1 Good#F0BFB5 on #5E4426
Aa5.50:1 Good#5E4426 on #F0BFB5
Aa3.44:1 Poor#F0BFB5 on #7E5F68
Aa3.44:1 Poor#7E5F68 on #F0BFB5

Color blindness preview

CSS variables

/* Rosewood Dreams to Scandinavian Liquorice — https://swatchly.xyz/palette/f0bfb5-ca9285-7e5f68-5e4426-191012 */
:root {
  --rosewood-dreams: #f0bfb5;
  --caf-cr-me: #ca9285;
  --reading-tea-leaves: #7e5f68;
  --irish-coffee: #5e4426;
  --scandinavian-liquorice: #191012;
}

Tailwind CSS v4

/* Rosewood Dreams to Scandinavian Liquorice — https://swatchly.xyz/palette/f0bfb5-ca9285-7e5f68-5e4426-191012 */
@theme {
  --color-rosewood-dreams: #f0bfb5;
  --color-rosewood-dreams-50: #ffe7e3;
  --color-rosewood-dreams-100: #fbd9d2;
  --color-rosewood-dreams-200: #f0bfb5;
  --color-rosewood-dreams-300: #d7aca3;
  --color-rosewood-dreams-400: #bb8e85;
  --color-rosewood-dreams-500: #a1746b;
  --color-rosewood-dreams-600: #865c54;
  --color-rosewood-dreams-700: #6e4941;
  --color-rosewood-dreams-800: #5a3832;
  --color-rosewood-dreams-900: #462a25;
  --color-rosewood-dreams-950: #2d1915;
  --color-caf-cr-me: #ca9285;
  --color-caf-cr-me-50: #fff2ef;
  --color-caf-cr-me-100: #ffe5de;
  --color-caf-cr-me-200: #f8ccc1;
  --color-caf-cr-me-300: #e5b4a8;
  --color-caf-cr-me-400: #ca9285;
  --color-caf-cr-me-500: #ad776a;
  --color-caf-cr-me-600: #905d51;
  --color-caf-cr-me-700: #75483d;
  --color-caf-cr-me-800: #5e362d;
  --color-caf-cr-me-900: #4a2821;
  --color-caf-cr-me-950: #301812;
  --color-reading-tea-leaves: #7e5f68;
  --color-reading-tea-leaves-50: #fff1f5;
  --color-reading-tea-leaves-100: #fbe4ea;
  --color-reading-tea-leaves-200: #e9ced6;
  --color-reading-tea-leaves-300: #d4b6be;
  --color-reading-tea-leaves-400: #b6959e;
  --color-reading-tea-leaves-500: #9a7983;
  --color-reading-tea-leaves-600: #7e5f68;
  --color-reading-tea-leaves-700: #654a52;
  --color-reading-tea-leaves-800: #513940;
  --color-reading-tea-leaves-900: #3f2b31;
  --color-reading-tea-leaves-950: #281a1e;
  --color-irish-coffee: #5e4426;
  --color-irish-coffee-50: #fff3e6;
  --color-irish-coffee-100: #fbe8d3;
  --color-irish-coffee-200: #ead3ba;
  --color-irish-coffee-300: #d8bda1;
  --color-irish-coffee-400: #bb9f80;
  --color-irish-coffee-500: #a18465;
  --color-irish-coffee-600: #876b4d;
  --color-irish-coffee-700: #70563a;
  --color-irish-coffee-800: #5e4426;
  --color-irish-coffee-900: #48341e;
  --color-irish-coffee-950: #2f2110;
  --color-scandinavian-liquorice: #191012;
  --color-scandinavian-liquorice-50: #fbf3f4;
  --color-scandinavian-liquorice-100: #f1e9ea;
  --color-scandinavian-liquorice-200: #dfd4d6;
  --color-scandinavian-liquorice-300: #c9bdc0;
  --color-scandinavian-liquorice-400: #aa9ea0;
  --color-scandinavian-liquorice-500: #8c8082;
  --color-scandinavian-liquorice-600: #6f6365;
  --color-scandinavian-liquorice-700: #554b4d;
  --color-scandinavian-liquorice-800: #3f3638;
  --color-scandinavian-liquorice-900: #2c2627;
  --color-scandinavian-liquorice-950: #191012;
}