Furry Lion to Icy Plains color palette

E49447Furry Lion 475A00Deep Forestial Escapade 42260DChocolate Castle 6480DDBlue Jay D4E0FFIcy Plains

Open in generator Export PNG, PDF, ASE…

About this palette

Furry Lion to Icy Plains is a 5-color cool, earthy, vintage palette: #E49447 (Furry Lion), #475A00 (Deep Forestial Escapade), #42260D (Chocolate Castle), #6480DD (Blue Jay), #D4E0FF (Icy Plains). It mixes orange, green, brown, blue tones and feels cool overall. The strongest text pairing is #42260D on #D4E0FF with a contrast ratio of 10.50:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Furry Lion	rgb(228, 148, 71)	hsl(29, 74%, 59%)
Deep Forestial Escapade	rgb(71, 90, 0)	hsl(73, 100%, 18%)
Chocolate Castle	rgb(66, 38, 13)	hsl(28, 67%, 15%)
Blue Jay	rgb(100, 128, 221)	hsl(226, 64%, 63%)
Icy Plains	rgb(212, 224, 255)	hsl(223, 100%, 92%)

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.

Aa10.50:1 Very good#42260D on #D4E0FF
Aa10.50:1 Very good#D4E0FF on #42260D
Aa5.83:1 Good#475A00 on #D4E0FF
Aa5.83:1 Good#D4E0FF on #475A00
Aa5.69:1 Good#E49447 on #42260D
Aa5.69:1 Good#42260D on #E49447
Aa3.75:1 Poor#42260D on #6480DD
Aa3.75:1 Poor#6480DD on #42260D

Color blindness preview

CSS variables

/* Furry Lion to Icy Plains — https://swatchly.xyz/palette/e49447-475a00-42260d-6480dd-d4e0ff */
:root {
  --furry-lion: #e49447;
  --deep-forestial-escapade: #475a00;
  --chocolate-castle: #42260d;
  --blue-jay: #6480dd;
  --icy-plains: #d4e0ff;
}

Tailwind CSS v4

/* Furry Lion to Icy Plains — https://swatchly.xyz/palette/e49447-475a00-42260d-6480dd-d4e0ff */
@theme {
  --color-furry-lion: #e49447;
  --color-furry-lion-50: #fff6ef;
  --color-furry-lion-100: #ffebdb;
  --color-furry-lion-200: #ffd3ae;
  --color-furry-lion-300: #fbb77b;
  --color-furry-lion-400: #e49447;
  --color-furry-lion-500: #c47726;
  --color-furry-lion-600: #a35c00;
  --color-furry-lion-700: #824800;
  --color-furry-lion-800: #663700;
  --color-furry-lion-900: #4e2900;
  --color-furry-lion-950: #321800;
  --color-deep-forestial-escapade: #475a00;
  --color-deep-forestial-escapade-50: #eefcd1;
  --color-deep-forestial-escapade-100: #e3f3c3;
  --color-deep-forestial-escapade-200: #cde0a6;
  --color-deep-forestial-escapade-300: #b4c987;
  --color-deep-forestial-escapade-400: #94aa5f;
  --color-deep-forestial-escapade-500: #788e40;
  --color-deep-forestial-escapade-600: #5e7226;
  --color-deep-forestial-escapade-700: #475a00;
  --color-deep-forestial-escapade-800: #374603;
  --color-deep-forestial-escapade-900: #2a3600;
  --color-deep-forestial-escapade-950: #192200;
  --color-chocolate-castle: #42260d;
  --color-chocolate-castle-50: #fff3e9;
  --color-chocolate-castle-100: #fee6d5;
  --color-chocolate-castle-200: #edd2bd;
  --color-chocolate-castle-300: #d9baa3;
  --color-chocolate-castle-400: #ba997f;
  --color-chocolate-castle-500: #9e7c62;
  --color-chocolate-castle-600: #816148;
  --color-chocolate-castle-700: #674b34;
  --color-chocolate-castle-800: #503825;
  --color-chocolate-castle-900: #42260d;
  --color-chocolate-castle-950: #26180d;
  --color-blue-jay: #6480dd;
  --color-blue-jay-50: #f1f5ff;
  --color-blue-jay-100: #e4ebff;
  --color-blue-jay-200: #c8d7ff;
  --color-blue-jay-300: #a9bfff;
  --color-blue-jay-400: #7f9df8;
  --color-blue-jay-500: #6480dd;
  --color-blue-jay-600: #4c65be;
  --color-blue-jay-700: #384e9f;
  --color-blue-jay-800: #293b82;
  --color-blue-jay-900: #1e2c69;
  --color-blue-jay-950: #101a46;
  --color-icy-plains: #d4e0ff;
  --color-icy-plains-50: #fafbff;
  --color-icy-plains-100: #eef3ff;
  --color-icy-plains-200: #d4e0ff;
  --color-icy-plains-300: #bec8e1;
  --color-icy-plains-400: #9ca7c2;
  --color-icy-plains-500: #7f8aa6;
  --color-icy-plains-600: #646e89;
  --color-icy-plains-700: #4d566e;
  --color-icy-plains-800: #3a4257;
  --color-icy-plains-900: #2c3244;
  --color-icy-plains-950: #1a1f2c;
}