Fluorescence to Grizzly Color Palette

About this palette

Fluorescence to Grizzly is a 4-color warm, earthy, vintage palette: #94D068 (Fluorescence), #502600 (Evil Cigar), #FFF2D3 (Hazelwood), #8B6023 (Grizzly). It mixes green, brown, white tones and feels warm overall. The strongest text pairing is #502600 on #FFF2D3 with a contrast ratio of 11.67:1, and 3 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Fluorescence	rgb(148, 208, 104)	hsl(95, 53%, 61%)
Evil Cigar	rgb(80, 38, 0)	hsl(28, 100%, 16%)
Hazelwood	rgb(255, 242, 211)	hsl(42, 100%, 91%)
Grizzly	rgb(139, 96, 35)	hsl(35, 60%, 34%)

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.67:1 Very good#502600 on #FFF2D3
Aa11.67:1 Very good#FFF2D3 on #502600
Aa7.09:1 Very good#94D068 on #502600
Aa7.09:1 Very good#502600 on #94D068
Aa4.98:1 Good#FFF2D3 on #8B6023
Aa4.98:1 Good#8B6023 on #FFF2D3
Aa3.03:1 Poor#94D068 on #8B6023
Aa3.03:1 Poor#8B6023 on #94D068

Color blindness preview

CSS variables

/* Fluorescence to Grizzly — https://swatchly.xyz/palette/94d068-502600-fff2d3-8b6023 */
:root {
  --fluorescence: #94d068;
  --evil-cigar: #502600;
  --hazelwood: #fff2d3;
  --grizzly: #8b6023;
}

Tailwind CSS v4

/* Fluorescence to Grizzly — https://swatchly.xyz/palette/94d068-502600-fff2d3-8b6023 */
@theme {
  --color-fluorescence: #94d068;
  --color-fluorescence-50: #ddffc7;
  --color-fluorescence-100: #cef6b4;
  --color-fluorescence-200: #b5e496;
  --color-fluorescence-300: #94d068;
  --color-fluorescence-400: #78b04c;
  --color-fluorescence-500: #5c952b;
  --color-fluorescence-600: #447a05;
  --color-fluorescence-700: #356200;
  --color-fluorescence-800: #284d00;
  --color-fluorescence-900: #1e3c00;
  --color-fluorescence-950: #112600;
  --color-evil-cigar: #502600;
  --color-evil-cigar-50: #fff2ea;
  --color-evil-cigar-100: #ffe6d5;
  --color-evil-cigar-200: #f6ceb3;
  --color-evil-cigar-300: #e3b698;
  --color-evil-cigar-400: #c69674;
  --color-evil-cigar-500: #ab7a57;
  --color-evil-cigar-600: #8e603e;
  --color-evil-cigar-700: #744a2b;
  --color-evil-cigar-800: #5d381d;
  --color-evil-cigar-900: #502600;
  --color-evil-cigar-950: #2f1908;
  --color-hazelwood: #fff2d3;
  --color-hazelwood-50: #fff2d3;
  --color-hazelwood-100: #f1e9d6;
  --color-hazelwood-200: #dfd5bf;
  --color-hazelwood-300: #cabfa6;
  --color-hazelwood-400: #aca084;
  --color-hazelwood-500: #918569;
  --color-hazelwood-600: #766b50;
  --color-hazelwood-700: #5e543c;
  --color-hazelwood-800: #4a412c;
  --color-hazelwood-900: #3a3220;
  --color-hazelwood-950: #241f12;
  --color-grizzly: #8b6023;
  --color-grizzly-50: #fff3e5;
  --color-grizzly-100: #ffe6c9;
  --color-grizzly-200: #f4d0a4;
  --color-grizzly-300: #e1b886;
  --color-grizzly-400: #c3975f;
  --color-grizzly-500: #a77b40;
  --color-grizzly-600: #8b6023;
  --color-grizzly-700: #714b11;
  --color-grizzly-800: #5a3903;
  --color-grizzly-900: #472b00;
  --color-grizzly-950: #2d1a00;
}