Start generating

Brutal Pink to Minute Mauve color palette

FF16C3Brutal Pink75ABFFFennel Flower00D68EEnvy’s LoveFFB57BBaltic AmberC6BEFFViolet HeavenEAE1FFMinute Mauve
Open in generator Export PNG, PDF, ASE…

About this palette

Brutal Pink to Minute Mauve is a 6-color light, cool, neon palette: #FF16C3 (Brutal Pink), #75ABFF (Fennel Flower), #00D68E (Envy’s Love), #FFB57B (Baltic Amber), #C6BEFF (Violet Heaven), #EAE1FF (Minute Mauve). It mixes pink, blue, green, orange, purple tones and feels cool overall. The strongest text pairing is #FF16C3 on #EAE1FF with a contrast ratio of 2.72:1, and 0 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Brutal Pinkrgb(255, 22, 195)hsl(315, 100%, 54%)
Fennel Flowerrgb(117, 171, 255)hsl(217, 100%, 73%)
Envy’s Lovergb(0, 214, 142)hsl(160, 100%, 42%)
Baltic Amberrgb(255, 181, 123)hsl(26, 100%, 74%)
Violet Heavenrgb(198, 190, 255)hsl(247, 100%, 87%)
Minute Mauvergb(234, 225, 255)hsl(258, 100%, 94%)

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.

    Color blindness preview

    • Protanopia
    • Deuteranopia
    • Tritanopia
    • Achromatopsia
    • Dog vision

    CSS variables

    /* Brutal Pink to Minute Mauve — https://swatchly.xyz/palette/ff16c3-75abff-00d68e-ffb57b-c6beff-eae1ff */
:root {
  --brutal-pink: #ff16c3;
  --fennel-flower: #75abff;
  --envy-s-love: #00d68e;
  --baltic-amber: #ffb57b;
  --violet-heaven: #c6beff;
  --minute-mauve: #eae1ff;
}

    Tailwind CSS v4

    /* Brutal Pink to Minute Mauve — https://swatchly.xyz/palette/ff16c3-75abff-00d68e-ffb57b-c6beff-eae1ff */
@theme {
  --color-brutal-pink: #ff16c3;
  --color-brutal-pink-50: #ffeaf6;
  --color-brutal-pink-100: #ffd8ee;
  --color-brutal-pink-200: #ffb5e1;
  --color-brutal-pink-300: #ff88d4;
  --color-brutal-pink-400: #ff16c3;
  --color-brutal-pink-500: #d800a4;
  --color-brutal-pink-600: #af0085;
  --color-brutal-pink-700: #8e006a;
  --color-brutal-pink-800: #710055;
  --color-brutal-pink-900: #5a0043;
  --color-brutal-pink-950: #3d002c;
  --color-fennel-flower: #75abff;
  --color-fennel-flower-50: #f4f9ff;
  --color-fennel-flower-100: #e7f1ff;
  --color-fennel-flower-200: #cbdfff;
  --color-fennel-flower-300: #a8caff;
  --color-fennel-flower-400: #75abff;
  --color-fennel-flower-500: #598dde;
  --color-fennel-flower-600: #3e70be;
  --color-fennel-flower-700: #29579f;
  --color-fennel-flower-800: #1a4381;
  --color-fennel-flower-900: #0f3267;
  --color-fennel-flower-950: #051d43;
  --color-envy-s-love: #00d68e;
  --color-envy-s-love-50: #c5ffde;
  --color-envy-s-love-100: #9afbc9;
  --color-envy-s-love-200: #70e9ae;
  --color-envy-s-love-300: #00d68e;
  --color-envy-s-love-400: #00b477;
  --color-envy-s-love-500: #009663;
  --color-envy-s-love-600: #007a4f;
  --color-envy-s-love-700: #00623f;
  --color-envy-s-love-800: #004e31;
  --color-envy-s-love-900: #003e26;
  --color-envy-s-love-950: #002716;
  --color-baltic-amber: #ffb57b;
  --color-baltic-amber-50: #fff7f1;
  --color-baltic-amber-100: #ffecde;
  --color-baltic-amber-200: #ffd3b3;
  --color-baltic-amber-300: #ffb57b;
  --color-baltic-amber-400: #d99660;
  --color-baltic-amber-500: #bd783e;
  --color-baltic-amber-600: #9e5c20;
  --color-baltic-amber-700: #814606;
  --color-baltic-amber-800: #663500;
  --color-baltic-amber-900: #4f2700;
  --color-baltic-amber-950: #331700;
  --color-violet-heaven: #c6beff;
  --color-violet-heaven-50: #f8f8ff;
  --color-violet-heaven-100: #efedff;
  --color-violet-heaven-200: #dcd8ff;
  --color-violet-heaven-300: #c6beff;
  --color-violet-heaven-400: #a69ed9;
  --color-violet-heaven-500: #8981bd;
  --color-violet-heaven-600: #6e659f;
  --color-violet-heaven-700: #574e83;
  --color-violet-heaven-800: #433b69;
  --color-violet-heaven-900: #332c52;
  --color-violet-heaven-950: #1f1a36;
  --color-minute-mauve: #eae1ff;
  --color-minute-mauve-50: #f3eeff;
  --color-minute-mauve-100: #eae1ff;
  --color-minute-mauve-200: #d6d0e6;
  --color-minute-mauve-300: #c1b9d2;
  --color-minute-mauve-400: #a29ab5;
  --color-minute-mauve-500: #88809b;
  --color-minute-mauve-600: #6e6680;
  --color-minute-mauve-700: #585168;
  --color-minute-mauve-800: #453e53;
  --color-minute-mauve-900: #352f40;
  --color-minute-mauve-950: #211d29;
}

    Similar palettes