Start generating

Blister Pearl to Aubergine color palette

A9FDF1Blister PearlB3C883Soda PopC67BA7Fading Love6E7E40Beyond the Pines00544CCape Verde39212CAubergine
Open in generator Export PNG, PDF, ASE…

About this palette

Blister Pearl to Aubergine is a 6-color cool palette: #A9FDF1 (Blister Pearl), #B3C883 (Soda Pop), #C67BA7 (Fading Love), #6E7E40 (Beyond the Pines), #00544C (Cape Verde), #39212C (Aubergine). It mixes turquoise, green, pink, red tones and feels cool overall. The strongest text pairing is #A9FDF1 on #39212C with a contrast ratio of 12.61:1, and 5 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Blister Pearlrgb(169, 253, 241)hsl(171, 95%, 83%)
Soda Poprgb(179, 200, 131)hsl(78, 39%, 65%)
Fading Lovergb(198, 123, 167)hsl(325, 40%, 63%)
Beyond the Pinesrgb(110, 126, 64)hsl(75, 33%, 37%)
Cape Verdergb(0, 84, 76)hsl(174, 100%, 16%)
Auberginergb(57, 33, 44)hsl(332, 27%, 18%)

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.

  • Aa12.61:1 Super#A9FDF1 on #39212C
  • Aa12.61:1 Super#39212C on #A9FDF1
  • Aa8.06:1 Very good#B3C883 on #39212C
  • Aa8.06:1 Very good#39212C on #B3C883
  • Aa7.59:1 Very good#A9FDF1 on #00544C
  • Aa7.59:1 Very good#00544C on #A9FDF1
  • Aa4.85:1 Good#B3C883 on #00544C
  • Aa4.85:1 Good#00544C on #B3C883

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Blister Pearl to Aubergine — https://swatchly.xyz/palette/a9fdf1-b3c883-c67ba7-6e7e40-00544c-39212c */
:root {
  --blister-pearl: #a9fdf1;
  --soda-pop: #b3c883;
  --fading-love: #c67ba7;
  --beyond-the-pines: #6e7e40;
  --cape-verde: #00544c;
  --aubergine: #39212c;
}

Tailwind CSS v4

/* Blister Pearl to Aubergine — https://swatchly.xyz/palette/a9fdf1-b3c883-c67ba7-6e7e40-00544c-39212c */
@theme {
  --color-blister-pearl: #a9fdf1;
  --color-blister-pearl-50: #d3fff8;
  --color-blister-pearl-100: #a9fdf1;
  --color-blister-pearl-200: #a9e5dc;
  --color-blister-pearl-300: #8ad0c6;
  --color-blister-pearl-400: #63b2a7;
  --color-blister-pearl-500: #42968c;
  --color-blister-pearl-600: #247b71;
  --color-blister-pearl-700: #09635b;
  --color-blister-pearl-800: #004e47;
  --color-blister-pearl-900: #003c36;
  --color-blister-pearl-950: #002622;
  --color-soda-pop: #b3c883;
  --color-soda-pop-50: #edfad3;
  --color-soda-pop-100: #e2f0c4;
  --color-soda-pop-200: #ccdda9;
  --color-soda-pop-300: #b3c883;
  --color-soda-pop-400: #95a867;
  --color-soda-pop-500: #7a8d4b;
  --color-soda-pop-600: #617332;
  --color-soda-pop-700: #4c5c1f;
  --color-soda-pop-800: #3b4811;
  --color-soda-pop-900: #2d3808;
  --color-soda-pop-950: #1b2303;
  --color-fading-love: #c67ba7;
  --color-fading-love-50: #ffebf5;
  --color-fading-love-100: #ffd9ee;
  --color-fading-love-200: #f9badd;
  --color-fading-love-300: #e59fc7;
  --color-fading-love-400: #c67ba7;
  --color-fading-love-500: #aa628d;
  --color-fading-love-600: #8e4b74;
  --color-fading-love-700: #75385d;
  --color-fading-love-800: #5f294b;
  --color-fading-love-900: #4c1e3b;
  --color-fading-love-950: #331126;
  --color-beyond-the-pines: #6e7e40;
  --color-beyond-the-pines-50: #f0fbd7;
  --color-beyond-the-pines-100: #e7f3cc;
  --color-beyond-the-pines-200: #d5e2b4;
  --color-beyond-the-pines-300: #bfce99;
  --color-beyond-the-pines-400: #a1b176;
  --color-beyond-the-pines-500: #879759;
  --color-beyond-the-pines-600: #6e7e40;
  --color-beyond-the-pines-700: #56652a;
  --color-beyond-the-pines-800: #424f1a;
  --color-beyond-the-pines-900: #323c0f;
  --color-beyond-the-pines-950: #1e2605;
  --color-cape-verde: #00544c;
  --color-cape-verde-50: #d9fef8;
  --color-cape-verde-100: #ccf5ee;
  --color-cape-verde-200: #b2e3db;
  --color-cape-verde-300: #96cfc6;
  --color-cape-verde-400: #71b2a8;
  --color-cape-verde-500: #54978e;
  --color-cape-verde-600: #3a7d74;
  --color-cape-verde-700: #25665e;
  --color-cape-verde-800: #00544c;
  --color-cape-verde-900: #0a403a;
  --color-cape-verde-950: #022925;
  --color-aubergine: #39212c;
  --color-aubergine-50: #fff1f6;
  --color-aubergine-100: #f9e5ed;
  --color-aubergine-200: #e8d0da;
  --color-aubergine-300: #d4b8c4;
  --color-aubergine-400: #b496a3;
  --color-aubergine-500: #967985;
  --color-aubergine-600: #795d69;
  --color-aubergine-700: #5f4651;
  --color-aubergine-800: #48333c;
  --color-aubergine-900: #39212c;
  --color-aubergine-950: #1f1419;
}

Similar palettes