Start generating

Burned to Pink Lemonade color palette

540011Burned8A0023BarberaC94353Flesh and BloodE26765RedstoneFFA8AAApricot HazeFFEAE9Pink Lemonade
Open in generator Export PNG, PDF, ASE…

About this palette

Burned to Pink Lemonade is a 6-color warm, monochromatic, gradient palette: #540011 (Burned), #8A0023 (Barbera), #C94353 (Flesh and Blood), #E26765 (Redstone), #FFA8AA (Apricot Haze), #FFEAE9 (Pink Lemonade). It mixes brown, red, pink, white tones and feels warm overall. The strongest text pairing is #540011 on #FFEAE9 with a contrast ratio of 13.14:1, and 5 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Burnedrgb(84, 0, 17)hsl(348, 100%, 16%)
Barberargb(138, 0, 35)hsl(345, 100%, 27%)
Flesh and Bloodrgb(201, 67, 83)hsl(353, 55%, 53%)
Redstonergb(226, 103, 101)hsl(1, 68%, 64%)
Apricot Hazergb(255, 168, 170)hsl(359, 100%, 83%)
Pink Lemonadergb(255, 234, 233)hsl(3, 100%, 96%)

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.

  • Aa13.14:1 Super#540011 on #FFEAE9
  • Aa13.14:1 Super#FFEAE9 on #540011
  • Aa8.65:1 Very good#8A0023 on #FFEAE9
  • Aa8.65:1 Very good#FFEAE9 on #8A0023
  • Aa8.25:1 Very good#540011 on #FFA8AA
  • Aa8.25:1 Very good#FFA8AA on #540011
  • Aa5.43:1 Good#8A0023 on #FFA8AA
  • Aa5.43:1 Good#FFA8AA on #8A0023

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Burned to Pink Lemonade — https://swatchly.xyz/palette/540011-8a0023-c94353-e26765-ffa8aa-ffeae9 */
:root {
  --burned: #540011;
  --barbera: #8a0023;
  --flesh-and-blood: #c94353;
  --redstone: #e26765;
  --apricot-haze: #ffa8aa;
  --pink-lemonade: #ffeae9;
}

Tailwind CSS v4

/* Burned to Pink Lemonade — https://swatchly.xyz/palette/540011-8a0023-c94353-e26765-ffa8aa-ffeae9 */
@theme {
  --color-burned: #540011;
  --color-burned-50: #fff1f1;
  --color-burned-100: #ffe4e3;
  --color-burned-200: #ffc7c7;
  --color-burned-300: #f9a8a8;
  --color-burned-400: #db8384;
  --color-burned-500: #bd6467;
  --color-burned-600: #9c494d;
  --color-burned-700: #7d3438;
  --color-burned-800: #602327;
  --color-burned-900: #540011;
  --color-burned-950: #2d0b0d;
  --color-barbera: #8a0023;
  --color-barbera-50: #fff1f1;
  --color-barbera-100: #ffe4e3;
  --color-barbera-200: #ffc7c7;
  --color-barbera-300: #ffa6a7;
  --color-barbera-400: #f4777d;
  --color-barbera-500: #d95962;
  --color-barbera-600: #ba3e4a;
  --color-barbera-700: #9d2937;
  --color-barbera-800: #8a0023;
  --color-barbera-900: #690c1c;
  --color-barbera-950: #46030f;
  --color-flesh-and-blood: #c94353;
  --color-flesh-and-blood-50: #ffeeee;
  --color-flesh-and-blood-100: #ffdddd;
  --color-flesh-and-blood-200: #ffbcbe;
  --color-flesh-and-blood-300: #ff9499;
  --color-flesh-and-blood-400: #ea6470;
  --color-flesh-and-blood-500: #c94353;
  --color-flesh-and-blood-600: #aa2a3e;
  --color-flesh-and-blood-700: #8d172d;
  --color-flesh-and-blood-800: #730821;
  --color-flesh-and-blood-900: #5d0117;
  --color-flesh-and-blood-950: #3f000c;
  --color-redstone: #e26765;
  --color-redstone-50: #fff5f4;
  --color-redstone-100: #ffeae9;
  --color-redstone-200: #ffd2cf;
  --color-redstone-300: #ffb4af;
  --color-redstone-400: #fa8581;
  --color-redstone-500: #e26765;
  --color-redstone-600: #c04949;
  --color-redstone-700: #9f3033;
  --color-redstone-800: #811e23;
  --color-redstone-900: #661017;
  --color-redstone-950: #43050a;
  --color-apricot-haze: #ffa8aa;
  --color-apricot-haze-50: #fff3f3;
  --color-apricot-haze-100: #ffe6e6;
  --color-apricot-haze-200: #ffcacb;
  --color-apricot-haze-300: #ffa8aa;
  --color-apricot-haze-400: #da8a8c;
  --color-apricot-haze-500: #be6d70;
  --color-apricot-haze-600: #9f5256;
  --color-apricot-haze-700: #833d41;
  --color-apricot-haze-800: #692d31;
  --color-apricot-haze-900: #532024;
  --color-apricot-haze-950: #361214;
  --color-pink-lemonade: #ffeae9;
  --color-pink-lemonade-50: #fff7f6;
  --color-pink-lemonade-100: #ffeae9;
  --color-pink-lemonade-200: #e6d7d6;
  --color-pink-lemonade-300: #d0bfbe;
  --color-pink-lemonade-400: #b19e9e;
  --color-pink-lemonade-500: #958282;
  --color-pink-lemonade-600: #796867;
  --color-pink-lemonade-700: #615150;
  --color-pink-lemonade-800: #4c3e3e;
  --color-pink-lemonade-900: #3b302f;
  --color-pink-lemonade-950: #251d1d;
}

Similar palettes