Caramel Finish to Buried Lust color palette

FFD89CCaramel Finish C6B333Pesto F67400Liquid Lava BB6E00Indocile Tiger 746200Himalaya 7A220CBuried Lust

Open in generator Export PNG, PDF, ASE…

About this palette

Caramel Finish to Buried Lust is a 6-color warm, gradient palette: #FFD89C (Caramel Finish), #C6B333 (Pesto), #F67400 (Liquid Lava), #BB6E00 (Indocile Tiger), #746200 (Himalaya), #7A220C (Buried Lust). It mixes yellow, orange, brown, red tones and feels warm overall. The strongest text pairing is #FFD89C on #7A220C with a contrast ratio of 7.54:1, and 2 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Caramel Finish	rgb(255, 216, 156)	hsl(36, 100%, 81%)
Pesto	rgb(198, 179, 51)	hsl(52, 59%, 49%)
Liquid Lava	rgb(246, 116, 0)	hsl(28, 100%, 48%)
Indocile Tiger	rgb(187, 110, 0)	hsl(35, 100%, 37%)
Himalaya	rgb(116, 98, 0)	hsl(51, 100%, 23%)
Buried Lust	rgb(122, 34, 12)	hsl(12, 82%, 26%)

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.

Aa7.54:1 Very good#FFD89C on #7A220C
Aa7.54:1 Very good#7A220C on #FFD89C
Aa4.80:1 Good#C6B333 on #7A220C
Aa4.80:1 Good#7A220C on #C6B333
Aa4.46:1 Poor#FFD89C on #746200
Aa4.46:1 Poor#746200 on #FFD89C
Aa3.60:1 Poor#F67400 on #7A220C
Aa3.60:1 Poor#7A220C on #F67400

Color blindness preview

CSS variables

/* Caramel Finish to Buried Lust — https://swatchly.xyz/palette/ffd89c-c6b333-f67400-bb6e00-746200-7a220c */
:root {
  --caramel-finish: #ffd89c;
  --pesto: #c6b333;
  --liquid-lava: #f67400;
  --indocile-tiger: #bb6e00;
  --himalaya: #746200;
  --buried-lust: #7a220c;
}

Tailwind CSS v4

/* Caramel Finish to Buried Lust — https://swatchly.xyz/palette/ffd89c-c6b333-f67400-bb6e00-746200-7a220c */
@theme {
  --color-caramel-finish: #ffd89c;
  --color-caramel-finish-50: #fff9f0;
  --color-caramel-finish-100: #ffefd7;
  --color-caramel-finish-200: #ffd89c;
  --color-caramel-finish-300: #e1c191;
  --color-caramel-finish-400: #c3a069;
  --color-caramel-finish-500: #a78349;
  --color-caramel-finish-600: #89672d;
  --color-caramel-finish-700: #6f5018;
  --color-caramel-finish-800: #583d09;
  --color-caramel-finish-900: #452e02;
  --color-caramel-finish-950: #2c1c00;
  --color-pesto: #c6b333;
  --color-pesto-50: #faefac;
  --color-pesto-100: #efe396;
  --color-pesto-200: #dbcc70;
  --color-pesto-300: #c6b333;
  --color-pesto-400: #a99600;
  --color-pesto-500: #8d7d00;
  --color-pesto-600: #736600;
  --color-pesto-700: #5c5100;
  --color-pesto-800: #4a4100;
  --color-pesto-900: #3b3300;
  --color-pesto-950: #252000;
  --color-liquid-lava: #f67400;
  --color-liquid-lava-50: #fff1ea;
  --color-liquid-lava-100: #ffe3d5;
  --color-liquid-lava-200: #ffc8aa;
  --color-liquid-lava-300: #ffa673;
  --color-liquid-lava-400: #f67400;
  --color-liquid-lava-500: #ce6000;
  --color-liquid-lava-600: #a74c00;
  --color-liquid-lava-700: #863c00;
  --color-liquid-lava-800: #6a2e00;
  --color-liquid-lava-900: #532200;
  --color-liquid-lava-950: #361400;
  --color-indocile-tiger: #bb6e00;
  --color-indocile-tiger-50: #fff2e7;
  --color-indocile-tiger-100: #ffe5cd;
  --color-indocile-tiger-200: #ffca99;
  --color-indocile-tiger-300: #f4ae69;
  --color-indocile-tiger-400: #d88b39;
  --color-indocile-tiger-500: #bb6e00;
  --color-indocile-tiger-600: #975800;
  --color-indocile-tiger-700: #794500;
  --color-indocile-tiger-800: #5f3500;
  --color-indocile-tiger-900: #4b2900;
  --color-indocile-tiger-950: #301800;
  --color-himalaya: #746200;
  --color-himalaya-50: #fff6ce;
  --color-himalaya-100: #f6eab9;
  --color-himalaya-200: #e3d59a;
  --color-himalaya-300: #ccbc78;
  --color-himalaya-400: #ad9b4e;
  --color-himalaya-500: #907e2c;
  --color-himalaya-600: #746200;
  --color-himalaya-700: #5c4d00;
  --color-himalaya-800: #483c00;
  --color-himalaya-900: #382e00;
  --color-himalaya-950: #231c00;
  --color-buried-lust: #7a220c;
  --color-buried-lust-50: #fff2ee;
  --color-buried-lust-100: #ffe4de;
  --color-buried-lust-200: #ffc9bb;
  --color-buried-lust-300: #fea893;
  --color-buried-lust-400: #e3856f;
  --color-buried-lust-500: #c76952;
  --color-buried-lust-600: #a94f39;
  --color-buried-lust-700: #8d3a27;
  --color-buried-lust-800: #7a220c;
  --color-buried-lust-900: #5c1d0f;
  --color-buried-lust-950: #3d0f05;
}