Brandy Bear to Fish Boy Color Palette

About this palette

Brandy Bear to Fish Boy is a 5-color vibrant, cool, neon palette: #A15600 (Brandy Bear), #7C52FF (Candy Grape Fizz), #FF562A (Smashing Pumpkins), #00D179 (Seaweed), #00DCE5 (Fish Boy). It mixes brown, purple, red, green, turquoise tones and feels cool overall. The strongest text pairing is #A15600 on #00DCE5 with a contrast ratio of 3.22:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Brandy Bear	rgb(161, 86, 0)	hsl(32, 100%, 32%)
Candy Grape Fizz	rgb(124, 82, 255)	hsl(255, 100%, 66%)
Smashing Pumpkins	rgb(255, 86, 42)	hsl(12, 100%, 58%)
Seaweed	rgb(0, 209, 121)	hsl(155, 100%, 41%)
Fish Boy	rgb(0, 220, 229)	hsl(182, 100%, 45%)

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.

Aa3.22:1 Poor#A15600 on #00DCE5
Aa3.22:1 Poor#00DCE5 on #A15600

Color blindness preview

CSS variables

/* Brandy Bear to Fish Boy — https://swatchly.xyz/palette/a15600-7c52ff-ff562a-00d179-00dce5 */
:root {
  --brandy-bear: #a15600;
  --candy-grape-fizz: #7c52ff;
  --smashing-pumpkins: #ff562a;
  --seaweed: #00d179;
  --fish-boy: #00dce5;
}

Tailwind CSS v4

/* Brandy Bear to Fish Boy — https://swatchly.xyz/palette/a15600-7c52ff-ff562a-00d179-00dce5 */
@theme {
  --color-brandy-bear: #a15600;
  --color-brandy-bear-50: #fff2ea;
  --color-brandy-bear-100: #ffe6d4;
  --color-brandy-bear-200: #ffcca6;
  --color-brandy-bear-300: #f6b079;
  --color-brandy-bear-400: #da8d4f;
  --color-brandy-bear-500: #be712c;
  --color-brandy-bear-600: #a15600;
  --color-brandy-bear-700: #814300;
  --color-brandy-bear-800: #653400;
  --color-brandy-bear-900: #4f2700;
  --color-brandy-bear-950: #331700;
  --color-candy-grape-fizz: #7c52ff;
  --color-candy-grape-fizz-50: #f2f2ff;
  --color-candy-grape-fizz-100: #e5e4ff;
  --color-candy-grape-fizz-200: #cecbff;
  --color-candy-grape-fizz-300: #b5aeff;
  --color-candy-grape-fizz-400: #9582ff;
  --color-candy-grape-fizz-500: #7c52ff;
  --color-candy-grape-fizz-600: #6536dd;
  --color-candy-grape-fizz-700: #5220bc;
  --color-candy-grape-fizz-800: #410e9c;
  --color-candy-grape-fizz-900: #330380;
  --color-candy-grape-fizz-950: #200058;
  --color-smashing-pumpkins: #ff562a;
  --color-smashing-pumpkins-50: #ffede9;
  --color-smashing-pumpkins-100: #ffddd5;
  --color-smashing-pumpkins-200: #ffbfaf;
  --color-smashing-pumpkins-300: #ff9980;
  --color-smashing-pumpkins-400: #ff562a;
  --color-smashing-pumpkins-500: #de3900;
  --color-smashing-pumpkins-600: #b52d00;
  --color-smashing-pumpkins-700: #922200;
  --color-smashing-pumpkins-800: #751900;
  --color-smashing-pumpkins-900: #5d1200;
  --color-smashing-pumpkins-950: #3e0900;
  --color-seaweed: #00d179;
  --color-seaweed-50: #effff4;
  --color-seaweed-100: #d5ffe2;
  --color-seaweed-200: #99fbbc;
  --color-seaweed-300: #73eaa2;
  --color-seaweed-400: #00d179;
  --color-seaweed-500: #00ae64;
  --color-seaweed-600: #008b4f;
  --color-seaweed-700: #006e3d;
  --color-seaweed-800: #00552e;
  --color-seaweed-900: #004021;
  --color-seaweed-950: #002712;
  --color-fish-boy: #00dce5;
  --color-fish-boy-50: #dbfdff;
  --color-fish-boy-100: #b2fbff;
  --color-fish-boy-200: #7fedf3;
  --color-fish-boy-300: #00dce5;
  --color-fish-boy-400: #00b8c0;
  --color-fish-boy-500: #0099a0;
  --color-fish-boy-600: #007c81;
  --color-fish-boy-700: #006266;
  --color-fish-boy-800: #004d50;
  --color-fish-boy-900: #003b3e;
  --color-fish-boy-950: #002527;
}