Start generating

Soft Pumpkin to Bronzed color palette

DF9330Soft PumpkinB33400Grilled Tomato52142ADrops of GodF5C681Butterscotch Cake70373ACuba LibreD76938Bronzed
Open in generator Export PNG, PDF, ASE…

About this palette

Soft Pumpkin to Bronzed is a 6-color warm palette: #DF9330 (Soft Pumpkin), #B33400 (Grilled Tomato), #52142A (Drops of God), #F5C681 (Butterscotch Cake), #70373A (Cuba Libre), #D76938 (Bronzed). It mixes orange, red, yellow, brown tones and feels warm overall. The strongest text pairing is #52142A on #F5C681 with a contrast ratio of 8.90:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Soft Pumpkinrgb(223, 147, 48)hsl(34, 73%, 53%)
Grilled Tomatorgb(179, 52, 0)hsl(17, 100%, 35%)
Drops of Godrgb(82, 20, 42)hsl(339, 61%, 20%)
Butterscotch Cakergb(245, 198, 129)hsl(36, 85%, 73%)
Cuba Librergb(112, 55, 58)hsl(357, 34%, 33%)
Bronzedrgb(215, 105, 56)hsl(18, 67%, 53%)

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.

  • Aa8.90:1 Very good#52142A on #F5C681
  • Aa8.90:1 Very good#F5C681 on #52142A
  • Aa5.78:1 Good#F5C681 on #70373A
  • Aa5.78:1 Good#70373A on #F5C681
  • Aa5.60:1 Good#DF9330 on #52142A
  • Aa5.60:1 Good#52142A on #DF9330
  • Aa4.00:1 Poor#52142A on #D76938
  • Aa4.00:1 Poor#D76938 on #52142A

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Soft Pumpkin to Bronzed — https://swatchly.xyz/palette/df9330-b33400-52142a-f5c681-70373a-d76938 */
:root {
  --soft-pumpkin: #df9330;
  --grilled-tomato: #b33400;
  --drops-of-god: #52142a;
  --butterscotch-cake: #f5c681;
  --cuba-libre: #70373a;
  --bronzed: #d76938;
}

Tailwind CSS v4

/* Soft Pumpkin to Bronzed — https://swatchly.xyz/palette/df9330-b33400-52142a-f5c681-70373a-d76938 */
@theme {
  --color-soft-pumpkin: #df9330;
  --color-soft-pumpkin-50: #fff5ea;
  --color-soft-pumpkin-100: #ffead3;
  --color-soft-pumpkin-200: #ffd1a0;
  --color-soft-pumpkin-300: #f7b66c;
  --color-soft-pumpkin-400: #df9330;
  --color-soft-pumpkin-500: #bf7700;
  --color-soft-pumpkin-600: #9a5f00;
  --color-soft-pumpkin-700: #7b4b00;
  --color-soft-pumpkin-800: #603a00;
  --color-soft-pumpkin-900: #4b2b00;
  --color-soft-pumpkin-950: #2f1a00;
  --color-grilled-tomato: #b33400;
  --color-grilled-tomato-50: #fff2ee;
  --color-grilled-tomato-100: #ffe3db;
  --color-grilled-tomato-200: #ffc7b6;
  --color-grilled-tomato-300: #ffa388;
  --color-grilled-tomato-400: #f2734d;
  --color-grilled-tomato-500: #d3532b;
  --color-grilled-tomato-600: #b33400;
  --color-grilled-tomato-700: #902800;
  --color-grilled-tomato-800: #721d00;
  --color-grilled-tomato-900: #5a1500;
  --color-grilled-tomato-950: #3b0a00;
  --color-drops-of-god: #52142a;
  --color-drops-of-god-50: #fff1f4;
  --color-drops-of-god-100: #ffe3e9;
  --color-drops-of-god-200: #ffc6d3;
  --color-drops-of-god-300: #eeacbc;
  --color-drops-of-god-400: #d0899b;
  --color-drops-of-god-500: #b36c7f;
  --color-drops-of-god-600: #955264;
  --color-drops-of-god-700: #783c4e;
  --color-drops-of-god-800: #5f2c3b;
  --color-drops-of-god-900: #52142a;
  --color-drops-of-god-950: #2f111a;
  --color-butterscotch-cake: #f5c681;
  --color-butterscotch-cake-50: #ffecd2;
  --color-butterscotch-cake-100: #fedeb2;
  --color-butterscotch-cake-200: #f5c681;
  --color-butterscotch-cake-300: #dbb277;
  --color-butterscotch-cake-400: #bf9351;
  --color-butterscotch-cake-500: #a57933;
  --color-butterscotch-cake-600: #8a6018;
  --color-butterscotch-cake-700: #714c00;
  --color-butterscotch-cake-800: #5a3b00;
  --color-butterscotch-cake-900: #462d00;
  --color-butterscotch-cake-950: #2d1b00;
  --color-cuba-libre: #70373a;
  --color-cuba-libre-50: #fff1f1;
  --color-cuba-libre-100: #ffe4e4;
  --color-cuba-libre-200: #fdc8c9;
  --color-cuba-libre-300: #ecb1b2;
  --color-cuba-libre-400: #d19293;
  --color-cuba-libre-500: #b77778;
  --color-cuba-libre-600: #9b5e60;
  --color-cuba-libre-700: #824a4c;
  --color-cuba-libre-800: #70373a;
  --color-cuba-libre-900: #562b2d;
  --color-cuba-libre-950: #39191b;
  --color-bronzed: #d76938;
  --color-bronzed-50: #fff4ef;
  --color-bronzed-100: #ffe8df;
  --color-bronzed-200: #ffcfbc;
  --color-bronzed-300: #ffb090;
  --color-bronzed-400: #f18759;
  --color-bronzed-500: #d76938;
  --color-bronzed-600: #b64c17;
  --color-bronzed-700: #953700;
  --color-bronzed-800: #762a00;
  --color-bronzed-900: #5b1f00;
  --color-bronzed-950: #3b1100;
}

Similar palettes