Strawberry Bonbon to Your Majesty color palette

FBEBFFStrawberry Bonbon C4BCF0Viking Diva B87593Pinky Pickle 301D33Nightly Voyager 574B74Your Majesty

Open in generator Export PNG, PDF, ASE…

About this palette

Strawberry Bonbon to Your Majesty is a 5-color cool palette: #FBEBFF (Strawberry Bonbon), #C4BCF0 (Viking Diva), #B87593 (Pinky Pickle), #301D33 (Nightly Voyager), #574B74 (Your Majesty). It mixes white, purple, pink tones and feels cool overall. The strongest text pairing is #FBEBFF on #301D33 with a contrast ratio of 13.66:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Strawberry Bonbon	rgb(251, 235, 255)	hsl(288, 100%, 96%)
Viking Diva	rgb(196, 188, 240)	hsl(249, 63%, 84%)
Pinky Pickle	rgb(184, 117, 147)	hsl(333, 32%, 59%)
Nightly Voyager	rgb(48, 29, 51)	hsl(292, 28%, 16%)
Your Majesty	rgb(87, 75, 116)	hsl(258, 21%, 37%)

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.

Aa13.66:1 Super#FBEBFF on #301D33
Aa13.66:1 Super#301D33 on #FBEBFF
Aa8.74:1 Very good#C4BCF0 on #301D33
Aa8.74:1 Very good#301D33 on #C4BCF0
Aa6.92:1 Good#FBEBFF on #574B74
Aa6.92:1 Good#574B74 on #FBEBFF
Aa4.45:1 Poor#B87593 on #301D33
Aa4.45:1 Poor#301D33 on #B87593

Color blindness preview

CSS variables

/* Strawberry Bonbon to Your Majesty — https://swatchly.xyz/palette/fbebff-c4bcf0-b87593-301d33-574b74 */
:root {
  --strawberry-bonbon: #fbebff;
  --viking-diva: #c4bcf0;
  --pinky-pickle: #b87593;
  --nightly-voyager: #301d33;
  --your-majesty: #574b74;
}

Tailwind CSS v4

/* Strawberry Bonbon to Your Majesty — https://swatchly.xyz/palette/fbebff-c4bcf0-b87593-301d33-574b74 */
@theme {
  --color-strawberry-bonbon: #fbebff;
  --color-strawberry-bonbon-50: #fbebff;
  --color-strawberry-bonbon-100: #eee4f1;
  --color-strawberry-bonbon-200: #dcd0df;
  --color-strawberry-bonbon-300: #c7baca;
  --color-strawberry-bonbon-400: #a99bac;
  --color-strawberry-bonbon-500: #8e8092;
  --color-strawberry-bonbon-600: #746677;
  --color-strawberry-bonbon-700: #5d5060;
  --color-strawberry-bonbon-800: #493e4b;
  --color-strawberry-bonbon-900: #382f3a;
  --color-strawberry-bonbon-950: #231d25;
  --color-viking-diva: #c4bcf0;
  --color-viking-diva-50: #f6f5ff;
  --color-viking-diva-100: #edeaff;
  --color-viking-diva-200: #dad4fb;
  --color-viking-diva-300: #c4bcf0;
  --color-viking-diva-400: #a49dcd;
  --color-viking-diva-500: #8880b1;
  --color-viking-diva-600: #6e6694;
  --color-viking-diva-700: #574f79;
  --color-viking-diva-800: #433d61;
  --color-viking-diva-900: #332d4c;
  --color-viking-diva-950: #201b31;
  --color-pinky-pickle: #b87593;
  --color-pinky-pickle-50: #fff2f7;
  --color-pinky-pickle-100: #ffe6f0;
  --color-pinky-pickle-200: #ffcae0;
  --color-pinky-pickle-300: #eeb2cb;
  --color-pinky-pickle-400: #d291ad;
  --color-pinky-pickle-500: #b87593;
  --color-pinky-pickle-600: #9a5a77;
  --color-pinky-pickle-700: #7e445f;
  --color-pinky-pickle-800: #65324a;
  --color-pinky-pickle-900: #4f2439;
  --color-pinky-pickle-950: #331423;
  --color-nightly-voyager: #301d33;
  --color-nightly-voyager-50: #fdf0ff;
  --color-nightly-voyager-100: #f5e5f7;
  --color-nightly-voyager-200: #e3d0e6;
  --color-nightly-voyager-300: #ceb9d1;
  --color-nightly-voyager-400: #af98b3;
  --color-nightly-voyager-500: #957e99;
  --color-nightly-voyager-600: #7b657f;
  --color-nightly-voyager-700: #655168;
  --color-nightly-voyager-800: #514054;
  --color-nightly-voyager-900: #413244;
  --color-nightly-voyager-950: #301d33;
  --color-your-majesty: #574b74;
  --color-your-majesty-50: #f6f3ff;
  --color-your-majesty-100: #ede7ff;
  --color-your-majesty-200: #dad1f5;
  --color-your-majesty-300: #c3b9e2;
  --color-your-majesty-400: #a498c4;
  --color-your-majesty-500: #897ca9;
  --color-your-majesty-600: #6e628c;
  --color-your-majesty-700: #574b74;
  --color-your-majesty-800: #443a5b;
  --color-your-majesty-900: #342c48;
  --color-your-majesty-950: #201a2e;
}