Brandy Bear to Honey and Thyme Color Palette

About this palette

Brandy Bear to Honey and Thyme is a 4-color vibrant, warm palette: #A15700 (Brandy Bear), #DCC000 (Groovy Lemon Pie), #938B00 (Captain Kirk), #B3A900 (Honey and Thyme). It mixes brown, yellow tones and feels warm overall. The strongest text pairing is #A15700 on #DCC000 with a contrast ratio of 2.99:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Brandy Bear	rgb(161, 87, 0)	hsl(32, 100%, 32%)
Groovy Lemon Pie	rgb(220, 192, 0)	hsl(52, 100%, 43%)
Captain Kirk	rgb(147, 139, 0)	hsl(57, 100%, 29%)
Honey and Thyme	rgb(179, 169, 0)	hsl(57, 100%, 35%)

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.

Color blindness preview

CSS variables

/* Brandy Bear to Honey and Thyme — https://swatchly.xyz/palette/a15700-dcc000-938b00-b3a900 */
:root {
  --brandy-bear: #a15700;
  --groovy-lemon-pie: #dcc000;
  --captain-kirk: #938b00;
  --honey-and-thyme: #b3a900;
}

Tailwind CSS v4

/* Brandy Bear to Honey and Thyme — https://swatchly.xyz/palette/a15700-dcc000-938b00-b3a900 */
@theme {
  --color-brandy-bear: #a15700;
  --color-brandy-bear-50: #fff3e9;
  --color-brandy-bear-100: #ffe6d4;
  --color-brandy-bear-200: #ffcca6;
  --color-brandy-bear-300: #f6b079;
  --color-brandy-bear-400: #da8e4f;
  --color-brandy-bear-500: #be722c;
  --color-brandy-bear-600: #a15700;
  --color-brandy-bear-700: #814400;
  --color-brandy-bear-800: #653500;
  --color-brandy-bear-900: #4f2800;
  --color-brandy-bear-950: #331700;
  --color-groovy-lemon-pie: #dcc000;
  --color-groovy-lemon-pie-50: #fff6c6;
  --color-groovy-lemon-pie-100: #fcec9a;
  --color-groovy-lemon-pie-200: #ecd872;
  --color-groovy-lemon-pie-300: #dcc000;
  --color-groovy-lemon-pie-400: #b9a100;
  --color-groovy-lemon-pie-500: #9a8600;
  --color-groovy-lemon-pie-600: #7c6b00;
  --color-groovy-lemon-pie-700: #625500;
  --color-groovy-lemon-pie-800: #4d4200;
  --color-groovy-lemon-pie-900: #3c3300;
  --color-groovy-lemon-pie-950: #251f00;
  --color-captain-kirk: #938b00;
  --color-captain-kirk-50: #fcf9c0;
  --color-captain-kirk-100: #f3f0b0;
  --color-captain-kirk-200: #e1dc90;
  --color-captain-kirk-300: #ccc66c;
  --color-captain-kirk-400: #aea73c;
  --color-captain-kirk-500: #938b00;
  --color-captain-kirk-600: #767000;
  --color-captain-kirk-700: #5e5800;
  --color-captain-kirk-800: #494500;
  --color-captain-kirk-900: #383500;
  --color-captain-kirk-950: #232000;
  --color-honey-and-thyme: #b3a900;
  --color-honey-and-thyme-50: #fefab9;
  --color-honey-and-thyme-100: #f5f1a8;
  --color-honey-and-thyme-200: #e4de85;
  --color-honey-and-thyme-300: #d0c85e;
  --color-honey-and-thyme-400: #b3a900;
  --color-honey-and-thyme-500: #958c00;
  --color-honey-and-thyme-600: #787100;
  --color-honey-and-thyme-700: #5f5900;
  --color-honey-and-thyme-800: #4a4500;
  --color-honey-and-thyme-900: #383500;
  --color-honey-and-thyme-950: #232000;
}