Start generating

Go to Hell Black to Burrito color palette

32301AGo to Hell Black495418Zen Garden OliveC1AB69Ginger Ale52753FMana TreeA37948Caramelised PecanEFD8BBBurrito
Open in generator Export PNG, PDF, ASE…

About this palette

Go to Hell Black to Burrito is a 6-color warm, earthy, vintage palette: #32301A (Go to Hell Black), #495418 (Zen Garden Olive), #C1AB69 (Ginger Ale), #52753F (Mana Tree), #A37948 (Caramelised Pecan), #EFD8BB (Burrito). It mixes brown, green, yellow, orange tones and feels warm overall. The strongest text pairing is #32301A on #EFD8BB with a contrast ratio of 9.67:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Go to Hell Blackrgb(50, 48, 26)hsl(55, 32%, 15%)
Zen Garden Olivergb(73, 84, 24)hsl(71, 56%, 21%)
Ginger Alergb(193, 171, 105)hsl(45, 42%, 58%)
Mana Treergb(82, 117, 63)hsl(99, 30%, 35%)
Caramelised Pecanrgb(163, 121, 72)hsl(32, 39%, 46%)
Burritorgb(239, 216, 187)hsl(33, 62%, 84%)

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.67:1 Very good#32301A on #EFD8BB
  • Aa9.67:1 Very good#EFD8BB on #32301A
  • Aa5.93:1 Good#495418 on #EFD8BB
  • Aa5.93:1 Good#EFD8BB on #495418
  • Aa5.91:1 Good#32301A on #C1AB69
  • Aa5.91:1 Good#C1AB69 on #32301A
  • Aa3.83:1 Poor#52753F on #EFD8BB
  • Aa3.83:1 Poor#EFD8BB on #52753F

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Go to Hell Black to Burrito — https://swatchly.xyz/palette/32301a-495418-c1ab69-52753f-a37948-efd8bb */
:root {
  --go-to-hell-black: #32301a;
  --zen-garden-olive: #495418;
  --ginger-ale: #c1ab69;
  --mana-tree: #52753f;
  --caramelised-pecan: #a37948;
  --burrito: #efd8bb;
}

Tailwind CSS v4

/* Go to Hell Black to Burrito — https://swatchly.xyz/palette/32301a-495418-c1ab69-52753f-a37948-efd8bb */
@theme {
  --color-go-to-hell-black: #32301a;
  --color-go-to-hell-black-50: #f7f6e7;
  --color-go-to-hell-black-100: #edecdb;
  --color-go-to-hell-black-200: #dad9c5;
  --color-go-to-hell-black-300: #c4c2ac;
  --color-go-to-hell-black-400: #a4a289;
  --color-go-to-hell-black-500: #88866d;
  --color-go-to-hell-black-600: #6d6b53;
  --color-go-to-hell-black-700: #55543e;
  --color-go-to-hell-black-800: #41402e;
  --color-go-to-hell-black-900: #32301a;
  --color-go-to-hell-black-950: #1e1d12;
  --color-zen-garden-olive: #495418;
  --color-zen-garden-olive-50: #f1fad8;
  --color-zen-garden-olive-100: #e7f1ca;
  --color-zen-garden-olive-200: #d1ddae;
  --color-zen-garden-olive-300: #b8c590;
  --color-zen-garden-olive-400: #98a56b;
  --color-zen-garden-olive-500: #7b884d;
  --color-zen-garden-olive-600: #606c33;
  --color-zen-garden-olive-700: #495418;
  --color-zen-garden-olive-800: #394114;
  --color-zen-garden-olive-900: #2b320c;
  --color-zen-garden-olive-950: #1a1f04;
  --color-ginger-ale: #c1ab69;
  --color-ginger-ale-50: #fff9e7;
  --color-ginger-ale-100: #fef1cb;
  --color-ginger-ale-200: #eedfb1;
  --color-ginger-ale-300: #dbca94;
  --color-ginger-ale-400: #c1ab69;
  --color-ginger-ale-500: #a38d4c;
  --color-ginger-ale-600: #86712f;
  --color-ginger-ale-700: #6b5818;
  --color-ginger-ale-800: #544407;
  --color-ginger-ale-900: #413300;
  --color-ginger-ale-950: #281e00;
  --color-mana-tree: #52753f;
  --color-mana-tree-50: #e7fddc;
  --color-mana-tree-100: #dbf4cf;
  --color-mana-tree-200: #c4e1b5;
  --color-mana-tree-300: #aacb9a;
  --color-mana-tree-400: #88ac76;
  --color-mana-tree-500: #6c9059;
  --color-mana-tree-600: #52753f;
  --color-mana-tree-700: #3f5d2d;
  --color-mana-tree-800: #2f4a1f;
  --color-mana-tree-900: #223915;
  --color-mana-tree-950: #13240a;
  --color-caramelised-pecan: #a37948;
  --color-caramelised-pecan-50: #fff2e4;
  --color-caramelised-pecan-100: #ffe5c9;
  --color-caramelised-pecan-200: #f1cfa9;
  --color-caramelised-pecan-300: #ddb68b;
  --color-caramelised-pecan-400: #bf9566;
  --color-caramelised-pecan-500: #a37948;
  --color-caramelised-pecan-600: #876030;
  --color-caramelised-pecan-700: #6e4a1e;
  --color-caramelised-pecan-800: #583910;
  --color-caramelised-pecan-900: #462b08;
  --color-caramelised-pecan-950: #2d1a03;
  --color-burrito: #efd8bb;
  --color-burrito-50: #fff7ed;
  --color-burrito-100: #faeddb;
  --color-burrito-200: #efd8bb;
  --color-burrito-300: #d4c1aa;
  --color-burrito-400: #b5a186;
  --color-burrito-500: #99846a;
  --color-burrito-600: #7d6950;
  --color-burrito-700: #65523b;
  --color-burrito-800: #4f3f2b;
  --color-burrito-900: #3d301f;
  --color-burrito-950: #271d11;
}

Similar palettes