Bambino to Pineapple color palette

91DACBBambino D48AA7Kiss 7481AFKimono 616191Wizard’s Potion 75474CNocturne Red 544400Pineapple

About this palette

Bambino to Pineapple is a 6-color vintage palette: #91DACB (Bambino), #D48AA7 (Kiss), #7481AF (Kimono), #616191 (Wizard’s Potion), #75474C (Nocturne Red), #544400 (Pineapple). It mixes turquoise, pink, blue, purple, red, brown tones and feels balanced overall. The strongest text pairing is #91DACB on #544400 with a contrast ratio of 5.94:1, and 2 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Bambino	rgb(145, 218, 203)	hsl(168, 50%, 71%)
Kiss	rgb(212, 138, 167)	hsl(336, 46%, 69%)
Kimono	rgb(116, 129, 175)	hsl(227, 27%, 57%)
Wizard’s Potion	rgb(97, 97, 145)	hsl(240, 20%, 47%)
Nocturne Red	rgb(117, 71, 76)	hsl(353, 24%, 37%)
Pineapple	rgb(84, 68, 0)	hsl(49, 100%, 16%)

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.

Aa5.94:1 Good#91DACB on #544400
Aa5.94:1 Good#544400 on #91DACB
Aa4.74:1 Good#91DACB on #75474C
Aa4.74:1 Good#75474C on #91DACB
Aa3.63:1 Poor#D48AA7 on #544400
Aa3.63:1 Poor#544400 on #D48AA7
Aa3.61:1 Poor#91DACB on #616191
Aa3.61:1 Poor#616191 on #91DACB

Color blindness preview

CSS variables

/* Bambino to Pineapple — https://swatchly.xyz/palette/91dacb-d48aa7-7481af-616191-75474c-544400 */
:root {
  --bambino: #91dacb;
  --kiss: #d48aa7;
  --kimono: #7481af;
  --wizard-s-potion: #616191;
  --nocturne-red: #75474c;
  --pineapple: #544400;
}

Tailwind CSS v4

/* Bambino to Pineapple — https://swatchly.xyz/palette/91dacb-d48aa7-7481af-616191-75474c-544400 */
@theme {
  --color-bambino: #91dacb;
  --color-bambino-50: #eafffa;
  --color-bambino-100: #d2fbf2;
  --color-bambino-200: #b9ebe0;
  --color-bambino-300: #91dacb;
  --color-bambino-400: #74b7aa;
  --color-bambino-500: #539b8d;
  --color-bambino-600: #367e71;
  --color-bambino-700: #1f6559;
  --color-bambino-800: #0d4f45;
  --color-bambino-900: #033c34;
  --color-bambino-950: #002620;
  --color-kiss: #d48aa7;
  --color-kiss-50: #fff2f6;
  --color-kiss-100: #ffe4ed;
  --color-kiss-200: #ffc7db;
  --color-kiss-300: #eeadc6;
  --color-kiss-400: #d48aa7;
  --color-kiss-500: #b66f8b;
  --color-kiss-600: #985470;
  --color-kiss-700: #7c3f59;
  --color-kiss-800: #642f45;
  --color-kiss-900: #4f2235;
  --color-kiss-950: #331321;
  --color-kimono: #7481af;
  --color-kimono-50: #f1f4ff;
  --color-kimono-100: #e3e9ff;
  --color-kimono-200: #c9d5fa;
  --color-kimono-300: #b1bde8;
  --color-kimono-400: #909dcb;
  --color-kimono-500: #7481af;
  --color-kimono-600: #5b6792;
  --color-kimono-700: #475178;
  --color-kimono-800: #363f61;
  --color-kimono-900: #29304d;
  --color-kimono-950: #181d32;
  --color-wizard-s-potion: #616191;
  --color-wizard-s-potion-50: #f3f4ff;
  --color-wizard-s-potion-100: #e7e8ff;
  --color-wizard-s-potion-200: #d0d1fb;
  --color-wizard-s-potion-300: #b8b9e8;
  --color-wizard-s-potion-400: #9798cb;
  --color-wizard-s-potion-500: #7c7cae;
  --color-wizard-s-potion-600: #616191;
  --color-wizard-s-potion-700: #4c4c76;
  --color-wizard-s-potion-800: #3b3b5f;
  --color-wizard-s-potion-900: #2d2d4b;
  --color-wizard-s-potion-950: #1b1b31;
  --color-nocturne-red: #75474c;
  --color-nocturne-red-50: #fff1f2;
  --color-nocturne-red-100: #ffe3e5;
  --color-nocturne-red-200: #f5cccf;
  --color-nocturne-red-300: #e2b4b7;
  --color-nocturne-red-400: #c59397;
  --color-nocturne-red-500: #a9777c;
  --color-nocturne-red-600: #8d5d62;
  --color-nocturne-red-700: #75474c;
  --color-nocturne-red-800: #5c373b;
  --color-nocturne-red-900: #48292c;
  --color-nocturne-red-950: #2f181b;
  --color-pineapple: #544400;
  --color-pineapple-50: #fff5d4;
  --color-pineapple-100: #f6ebc6;
  --color-pineapple-200: #e4d7ab;
  --color-pineapple-300: #d0c18f;
  --color-pineapple-400: #b3a26a;
  --color-pineapple-500: #98874d;
  --color-pineapple-600: #7d6d34;
  --color-pineapple-700: #665721;
  --color-pineapple-800: #544400;
  --color-pineapple-900: #403409;
  --color-pineapple-950: #292002;
}