Start generating

Creamy Apricot to Avocado Stone color palette

FFE8BECreamy ApricotDAA85AOld Whiskey836212Alligator30240CClose but No CigarC98A2BChicken Masala4D3A1FAvocado Stone
Open in generator Export PNG, PDF, ASE…

About this palette

Creamy Apricot to Avocado Stone is a 6-color warm, earthy, vintage, monochromatic palette: #FFE8BE (Creamy Apricot), #DAA85A (Old Whiskey), #836212 (Alligator), #30240C (Close but No Cigar), #C98A2B (Chicken Masala), #4D3A1F (Avocado Stone). It mixes yellow, brown, orange tones and feels warm overall. The strongest text pairing is #FFE8BE on #30240C with a contrast ratio of 12.68:1, and 6 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Creamy Apricotrgb(255, 232, 190)hsl(39, 100%, 87%)
Old Whiskeyrgb(218, 168, 90)hsl(37, 63%, 60%)
Alligatorrgb(131, 98, 18)hsl(42, 76%, 29%)
Close but No Cigarrgb(48, 36, 12)hsl(40, 60%, 12%)
Chicken Masalargb(201, 138, 43)hsl(36, 65%, 48%)
Avocado Stonergb(77, 58, 31)hsl(35, 43%, 21%)

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.

  • Aa12.68:1 Super#FFE8BE on #30240C
  • Aa12.68:1 Super#30240C on #FFE8BE
  • Aa9.04:1 Very good#FFE8BE on #4D3A1F
  • Aa9.04:1 Very good#4D3A1F on #FFE8BE
  • Aa7.03:1 Very good#DAA85A on #30240C
  • Aa7.03:1 Very good#30240C on #DAA85A
  • Aa5.17:1 Good#30240C on #C98A2B
  • Aa5.17:1 Good#C98A2B on #30240C

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Creamy Apricot to Avocado Stone — https://swatchly.xyz/palette/ffe8be-daa85a-836212-30240c-c98a2b-4d3a1f */
:root {
  --creamy-apricot: #ffe8be;
  --old-whiskey: #daa85a;
  --alligator: #836212;
  --close-but-no-cigar: #30240c;
  --chicken-masala: #c98a2b;
  --avocado-stone: #4d3a1f;
}

Tailwind CSS v4

/* Creamy Apricot to Avocado Stone — https://swatchly.xyz/palette/ffe8be-daa85a-836212-30240c-c98a2b-4d3a1f */
@theme {
  --color-creamy-apricot: #ffe8be;
  --color-creamy-apricot-50: #fff4df;
  --color-creamy-apricot-100: #ffe8be;
  --color-creamy-apricot-200: #e6d5b7;
  --color-creamy-apricot-300: #d1be9c;
  --color-creamy-apricot-400: #b39f78;
  --color-creamy-apricot-500: #98835c;
  --color-creamy-apricot-600: #7d6943;
  --color-creamy-apricot-700: #655230;
  --color-creamy-apricot-800: #504022;
  --color-creamy-apricot-900: #3e3117;
  --color-creamy-apricot-950: #271e0b;
  --color-old-whiskey: #daa85a;
  --color-old-whiskey-50: #ffeacc;
  --color-old-whiskey-100: #fedba7;
  --color-old-whiskey-200: #ecc386;
  --color-old-whiskey-300: #daa85a;
  --color-old-whiskey-400: #bb8c3e;
  --color-old-whiskey-500: #a2731e;
  --color-old-whiskey-600: #875b00;
  --color-old-whiskey-700: #6d4900;
  --color-old-whiskey-800: #573a00;
  --color-old-whiskey-900: #462d00;
  --color-old-whiskey-950: #2d1b00;
  --color-alligator: #836212;
  --color-alligator-50: #fff4df;
  --color-alligator-100: #fee8bc;
  --color-alligator-200: #eed39e;
  --color-alligator-300: #d9ba7e;
  --color-alligator-400: #bb9a55;
  --color-alligator-500: #9f7d34;
  --color-alligator-600: #836212;
  --color-alligator-700: #6a4d00;
  --color-alligator-800: #533c00;
  --color-alligator-900: #412e00;
  --color-alligator-950: #291c00;
  --color-close-but-no-cigar: #30240c;
  --color-close-but-no-cigar-50: #fdf4e4;
  --color-close-but-no-cigar-100: #f4ead8;
  --color-close-but-no-cigar-200: #e2d6c1;
  --color-close-but-no-cigar-300: #ccbfa8;
  --color-close-but-no-cigar-400: #aea086;
  --color-close-but-no-cigar-500: #94866b;
  --color-close-but-no-cigar-600: #7a6d53;
  --color-close-but-no-cigar-700: #645740;
  --color-close-but-no-cigar-800: #514631;
  --color-close-but-no-cigar-900: #413725;
  --color-close-but-no-cigar-950: #30240c;
  --color-chicken-masala: #c98a2b;
  --color-chicken-masala-50: #ffefdc;
  --color-chicken-masala-100: #ffe1bc;
  --color-chicken-masala-200: #fac786;
  --color-chicken-masala-300: #e6ad61;
  --color-chicken-masala-400: #c98a2b;
  --color-chicken-masala-500: #ac7100;
  --color-chicken-masala-600: #8c5a00;
  --color-chicken-masala-700: #704700;
  --color-chicken-masala-800: #593800;
  --color-chicken-masala-900: #462b00;
  --color-chicken-masala-950: #2e1b00;
  --color-avocado-stone: #4d3a1f;
  --color-avocado-stone-50: #fff3e4;
  --color-avocado-stone-100: #f8e9d5;
  --color-avocado-stone-200: #e6d5be;
  --color-avocado-stone-300: #d0bda3;
  --color-avocado-stone-400: #b19c7f;
  --color-avocado-stone-500: #958063;
  --color-avocado-stone-600: #796549;
  --color-avocado-stone-700: #604e35;
  --color-avocado-stone-800: #4d3a1f;
  --color-avocado-stone-900: #3a2d1b;
  --color-avocado-stone-950: #241b0e;
}

Similar palettes