Brandy Bear to Lindworm Green color palette

A9510EBrandy Bear D2D5FFIcy Plains 00B3E9Blue Bikini 783300Drip Coffee 282900Lindworm Green

About this palette

Brandy Bear to Lindworm Green is a 5-color warm, earthy palette: #A9510E (Brandy Bear), #D2D5FF (Icy Plains), #00B3E9 (Blue Bikini), #783300 (Drip Coffee), #282900 (Lindworm Green). It mixes brown, purple, blue tones and feels warm overall. The strongest text pairing is #D2D5FF on #282900 with a contrast ratio of 10.45:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Brandy Bear	rgb(169, 81, 14)	hsl(26, 85%, 36%)
Icy Plains	rgb(210, 213, 255)	hsl(236, 100%, 91%)
Blue Bikini	rgb(0, 179, 233)	hsl(194, 100%, 46%)
Drip Coffee	rgb(120, 51, 0)	hsl(26, 100%, 24%)
Lindworm Green	rgb(40, 41, 0)	hsl(61, 100%, 8%)

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.

Aa10.45:1 Very good#D2D5FF on #282900
Aa10.45:1 Very good#282900 on #D2D5FF
Aa6.47:1 Good#D2D5FF on #783300
Aa6.47:1 Good#783300 on #D2D5FF
Aa6.13:1 Good#00B3E9 on #282900
Aa6.13:1 Good#282900 on #00B3E9
Aa3.80:1 Poor#A9510E on #D2D5FF
Aa3.80:1 Poor#D2D5FF on #A9510E

Color blindness preview

CSS variables

/* Brandy Bear to Lindworm Green — https://swatchly.xyz/palette/a9510e-d2d5ff-00b3e9-783300-282900 */
:root {
  --brandy-bear: #a9510e;
  --icy-plains: #d2d5ff;
  --blue-bikini: #00b3e9;
  --drip-coffee: #783300;
  --lindworm-green: #282900;
}

Tailwind CSS v4

/* Brandy Bear to Lindworm Green — https://swatchly.xyz/palette/a9510e-d2d5ff-00b3e9-783300-282900 */
@theme {
  --color-brandy-bear: #a9510e;
  --color-brandy-bear-50: #fff2eb;
  --color-brandy-bear-100: #ffe6d8;
  --color-brandy-bear-200: #ffccaf;
  --color-brandy-bear-300: #feac7d;
  --color-brandy-bear-400: #e28953;
  --color-brandy-bear-500: #c76c32;
  --color-brandy-bear-600: #a9510e;
  --color-brandy-bear-700: #893e00;
  --color-brandy-bear-800: #6c2f00;
  --color-brandy-bear-900: #542300;
  --color-brandy-bear-950: #371400;
  --color-icy-plains: #d2d5ff;
  --color-icy-plains-50: #f4f5ff;
  --color-icy-plains-100: #e9ebff;
  --color-icy-plains-200: #d2d5ff;
  --color-icy-plains-300: #bcbfe2;
  --color-icy-plains-400: #9c9fc5;
  --color-icy-plains-500: #8183a9;
  --color-icy-plains-600: #67688d;
  --color-icy-plains-700: #505273;
  --color-icy-plains-800: #3e3f5c;
  --color-icy-plains-900: #2f3048;
  --color-icy-plains-950: #1d1d2f;
  --color-blue-bikini: #00b3e9;
  --color-blue-bikini-50: #ebf8ff;
  --color-blue-bikini-100: #d6f1ff;
  --color-blue-bikini-200: #a7e3ff;
  --color-blue-bikini-300: #66d1ff;
  --color-blue-bikini-400: #00b3e9;
  --color-blue-bikini-500: #0095c2;
  --color-blue-bikini-600: #00789d;
  --color-blue-bikini-700: #005f7d;
  --color-blue-bikini-800: #004a63;
  --color-blue-bikini-900: #00394d;
  --color-blue-bikini-950: #002331;
  --color-drip-coffee: #783300;
  --color-drip-coffee-50: #fff2ec;
  --color-drip-coffee-100: #ffe5d8;
  --color-drip-coffee-200: #ffcab0;
  --color-drip-coffee-300: #f5b08d;
  --color-drip-coffee-400: #da9068;
  --color-drip-coffee-500: #c0754c;
  --color-drip-coffee-600: #a45c33;
  --color-drip-coffee-700: #8a4720;
  --color-drip-coffee-800: #783300;
  --color-drip-coffee-900: #5c2806;
  --color-drip-coffee-950: #3d1701;
  --color-lindworm-green: #282900;
  --color-lindworm-green-50: #f5f8df;
  --color-lindworm-green-100: #eceed2;
  --color-lindworm-green-200: #d8dbba;
  --color-lindworm-green-300: #c2c59f;
  --color-lindworm-green-400: #a2a57c;
  --color-lindworm-green-500: #898b61;
  --color-lindworm-green-600: #70724a;
  --color-lindworm-green-700: #5b5d37;
  --color-lindworm-green-800: #494b29;
  --color-lindworm-green-900: #3a3c1e;
  --color-lindworm-green-950: #282900;
}