Lush Bamboo to Frozen Boubble color palette

BBB900Lush Bamboo B4406DSpicy Purple D94E7BFeverish Passion 4B4300Alligator Gladiator 494283Queen of the Night Shift 00EBE1Frozen Boubble

Open in generator Export PNG, PDF, ASE…

About this palette

Lush Bamboo to Frozen Boubble is a 6-color warm palette: #BBB900 (Lush Bamboo), #B4406D (Spicy Purple), #D94E7B (Feverish Passion), #4B4300 (Alligator Gladiator), #494283 (Queen of the Night Shift), #00EBE1 (Frozen Boubble). It mixes yellow, red, pink, brown, purple, turquoise tones and feels warm overall. The strongest text pairing is #4B4300 on #00EBE1 with a contrast ratio of 6.65:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Lush Bamboo	rgb(187, 185, 0)	hsl(59, 100%, 37%)
Spicy Purple	rgb(180, 64, 109)	hsl(337, 48%, 48%)
Feverish Passion	rgb(217, 78, 123)	hsl(341, 65%, 58%)
Alligator Gladiator	rgb(75, 67, 0)	hsl(54, 100%, 15%)
Queen of the Night Shift	rgb(73, 66, 131)	hsl(246, 33%, 39%)
Frozen Boubble	rgb(0, 235, 225)	hsl(177, 100%, 46%)

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.65:1 Good#4B4300 on #00EBE1
Aa6.65:1 Good#00EBE1 on #4B4300
Aa5.84:1 Good#494283 on #00EBE1
Aa5.84:1 Good#00EBE1 on #494283
Aa4.78:1 Good#BBB900 on #4B4300
Aa4.78:1 Good#4B4300 on #BBB900
Aa4.21:1 Poor#BBB900 on #494283
Aa4.21:1 Poor#494283 on #BBB900

Color blindness preview

CSS variables

/* Lush Bamboo to Frozen Boubble — https://swatchly.xyz/palette/bbb900-b4406d-d94e7b-4b4300-494283-00ebe1 */
:root {
  --lush-bamboo: #bbb900;
  --spicy-purple: #b4406d;
  --feverish-passion: #d94e7b;
  --alligator-gladiator: #4b4300;
  --queen-of-the-night-shift: #494283;
  --frozen-boubble: #00ebe1;
}

Tailwind CSS v4

/* Lush Bamboo to Frozen Boubble — https://swatchly.xyz/palette/bbb900-b4406d-d94e7b-4b4300-494283-00ebe1 */
@theme {
  --color-lush-bamboo: #bbb900;
  --color-lush-bamboo-50: #f2f3a4;
  --color-lush-bamboo-100: #e6e78c;
  --color-lush-bamboo-200: #d2d263;
  --color-lush-bamboo-300: #bbb900;
  --color-lush-bamboo-400: #9d9b00;
  --color-lush-bamboo-500: #838200;
  --color-lush-bamboo-600: #6a6900;
  --color-lush-bamboo-700: #555400;
  --color-lush-bamboo-800: #444300;
  --color-lush-bamboo-900: #363500;
  --color-lush-bamboo-950: #212100;
  --color-spicy-purple: #b4406d;
  --color-spicy-purple-50: #fff1f5;
  --color-spicy-purple-100: #ffe4eb;
  --color-spicy-purple-200: #ffc8d7;
  --color-spicy-purple-300: #ffa5c1;
  --color-spicy-purple-400: #ed79a1;
  --color-spicy-purple-500: #d25c87;
  --color-spicy-purple-600: #b4406d;
  --color-spicy-purple-700: #952b56;
  --color-spicy-purple-800: #791a43;
  --color-spicy-purple-900: #600e33;
  --color-spicy-purple-950: #3f051f;
  --color-feverish-passion: #d94e7b;
  --color-feverish-passion-50: #fff1f4;
  --color-feverish-passion-100: #ffe3e9;
  --color-feverish-passion-200: #ffc7d3;
  --color-feverish-passion-300: #ffa2b9;
  --color-feverish-passion-400: #f66e96;
  --color-feverish-passion-500: #d94e7b;
  --color-feverish-passion-600: #b83161;
  --color-feverish-passion-700: #99194b;
  --color-feverish-passion-800: #7c063a;
  --color-feverish-passion-900: #63002c;
  --color-feverish-passion-950: #41001a;
  --color-alligator-gladiator: #4b4300;
  --color-alligator-gladiator-50: #fbf7d6;
  --color-alligator-gladiator-100: #f1edc8;
  --color-alligator-gladiator-200: #dfd9ad;
  --color-alligator-gladiator-300: #c9c390;
  --color-alligator-gladiator-400: #aba36b;
  --color-alligator-gladiator-500: #90884e;
  --color-alligator-gladiator-600: #756d34;
  --color-alligator-gladiator-700: #5d5621;
  --color-alligator-gladiator-800: #4b4300;
  --color-alligator-gladiator-900: #39330a;
  --color-alligator-gladiator-950: #242003;
  --color-queen-of-the-night-shift: #494283;
  --color-queen-of-the-night-shift-50: #f4f4ff;
  --color-queen-of-the-night-shift-100: #e9e9ff;
  --color-queen-of-the-night-shift-200: #d1d0ff;
  --color-queen-of-the-night-shift-300: #b8b6f6;
  --color-queen-of-the-night-shift-400: #9793da;
  --color-queen-of-the-night-shift-500: #7b76bc;
  --color-queen-of-the-night-shift-600: #605b9c;
  --color-queen-of-the-night-shift-700: #494283;
  --color-queen-of-the-night-shift-800: #393465;
  --color-queen-of-the-night-shift-900: #2b2751;
  --color-queen-of-the-night-shift-950: #1a1734;
  --color-frozen-boubble: #00ebe1;
  --color-frozen-boubble-50: #b3fff9;
  --color-frozen-boubble-100: #8ff8f0;
  --color-frozen-boubble-200: #00ebe1;
  --color-frozen-boubble-300: #23d3ca;
  --color-frozen-boubble-400: #00b2aa;
  --color-frozen-boubble-500: #00958e;
  --color-frozen-boubble-600: #007973;
  --color-frozen-boubble-700: #00615d;
  --color-frozen-boubble-800: #004d4a;
  --color-frozen-boubble-900: #003c39;
  --color-frozen-boubble-950: #002523;
}