Buckeye to Slightly in Love color palette

66493ABuckeye 7A6A3FLizard 888564Antique AB9C73Veranda Gold C3C3A5Moth FFE5D4Slightly in Love

About this palette

Buckeye to Slightly in Love is a 6-color muted, warm, earthy, vintage, gradient palette: #66493A (Buckeye), #7A6A3F (Lizard), #888564 (Antique), #AB9C73 (Veranda Gold), #C3C3A5 (Moth), #FFE5D4 (Slightly in Love). It mixes brown, yellow, orange tones and feels warm overall. The strongest text pairing is #66493A on #FFE5D4 with a contrast ratio of 6.75:1, and 2 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Buckeye	rgb(102, 73, 58)	hsl(20, 28%, 31%)
Lizard	rgb(122, 106, 63)	hsl(44, 32%, 36%)
Antique	rgb(136, 133, 100)	hsl(55, 15%, 46%)
Veranda Gold	rgb(171, 156, 115)	hsl(44, 25%, 56%)
Moth	rgb(195, 195, 165)	hsl(60, 20%, 71%)
Slightly in Love	rgb(255, 229, 212)	hsl(24, 100%, 92%)

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.

Aa6.75:1 Good#66493A on #FFE5D4
Aa6.75:1 Good#FFE5D4 on #66493A
Aa4.52:1 Good#66493A on #C3C3A5
Aa4.52:1 Good#C3C3A5 on #66493A
Aa4.40:1 Poor#7A6A3F on #FFE5D4
Aa4.40:1 Poor#FFE5D4 on #7A6A3F
Aa3.12:1 Poor#888564 on #FFE5D4
Aa3.12:1 Poor#FFE5D4 on #888564

Color blindness preview

CSS variables

/* Buckeye to Slightly in Love — https://swatchly.xyz/palette/66493a-7a6a3f-888564-ab9c73-c3c3a5-ffe5d4 */
:root {
  --buckeye: #66493a;
  --lizard: #7a6a3f;
  --antique: #888564;
  --veranda-gold: #ab9c73;
  --moth: #c3c3a5;
  --slightly-in-love: #ffe5d4;
}

Tailwind CSS v4

/* Buckeye to Slightly in Love — https://swatchly.xyz/palette/66493a-7a6a3f-888564-ab9c73-c3c3a5-ffe5d4 */
@theme {
  --color-buckeye: #66493a;
  --color-buckeye-50: #fff2ec;
  --color-buckeye-100: #fce6db;
  --color-buckeye-200: #ebd0c3;
  --color-buckeye-300: #d6b8a9;
  --color-buckeye-400: #b79787;
  --color-buckeye-500: #9b7b6b;
  --color-buckeye-600: #7e6051;
  --color-buckeye-700: #66493a;
  --color-buckeye-800: #4f392d;
  --color-buckeye-900: #3e2b21;
  --color-buckeye-950: #271a13;
  --color-lizard: #7a6a3f;
  --color-lizard-50: #fef5db;
  --color-lizard-100: #f5ebce;
  --color-lizard-200: #e4d7b5;
  --color-lizard-300: #cec099;
  --color-lizard-400: #b0a075;
  --color-lizard-500: #958559;
  --color-lizard-600: #7a6a3f;
  --color-lizard-700: #62542d;
  --color-lizard-800: #4d411f;
  --color-lizard-900: #3c3214;
  --color-lizard-950: #261e09;
  --color-antique: #888564;
  --color-antique-50: #f7f6e2;
  --color-antique-100: #edebd5;
  --color-antique-200: #dad7bd;
  --color-antique-300: #c3c1a3;
  --color-antique-400: #a4a180;
  --color-antique-500: #888564;
  --color-antique-600: #6e6b4c;
  --color-antique-700: #585538;
  --color-antique-800: #454229;
  --color-antique-900: #35331e;
  --color-antique-950: #212010;
  --color-veranda-gold: #ab9c73;
  --color-veranda-gold-50: #fcf3db;
  --color-veranda-gold-100: #f2e8cd;
  --color-veranda-gold-200: #dfd4b4;
  --color-veranda-gold-300: #cabc98;
  --color-veranda-gold-400: #ab9c73;
  --color-veranda-gold-500: #908159;
  --color-veranda-gold-600: #766842;
  --color-veranda-gold-700: #5f522f;
  --color-veranda-gold-800: #4b4021;
  --color-veranda-gold-900: #3b3117;
  --color-veranda-gold-950: #251f0b;
  --color-moth: #c3c3a5;
  --color-moth-50: #f6f6e5;
  --color-moth-100: #ecedd9;
  --color-moth-200: #d9d9c3;
  --color-moth-300: #c3c3a5;
  --color-moth-400: #a3a387;
  --color-moth-500: #88886c;
  --color-moth-600: #6e6e53;
  --color-moth-700: #57573e;
  --color-moth-800: #44442e;
  --color-moth-900: #343422;
  --color-moth-950: #202013;
  --color-slightly-in-love: #ffe5d4;
  --color-slightly-in-love-50: #fff2e9;
  --color-slightly-in-love-100: #ffe5d4;
  --color-slightly-in-love-200: #e6d3c7;
  --color-slightly-in-love-300: #d1bcae;
  --color-slightly-in-love-400: #b39c8d;
  --color-slightly-in-love-500: #988171;
  --color-slightly-in-love-600: #7d6758;
  --color-slightly-in-love-700: #645143;
  --color-slightly-in-love-800: #503e33;
  --color-slightly-in-love-900: #3e2f26;
  --color-slightly-in-love-950: #271d16;
}