Neon Boneyard to Kiwi Kiss color palette

E0C2F6Neon Boneyard A1D8BDTropical Freeze FFC4D5Cotton Candy Comet DCE3FFVeiling Waterfalls F3FDC9Kiwi Kiss

Open in generator Export PNG, PDF, ASE…

About this palette

Neon Boneyard to Kiwi Kiss is a 5-color pastel, light, cool palette: #E0C2F6 (Neon Boneyard), #A1D8BD (Tropical Freeze), #FFC4D5 (Cotton Candy Comet), #DCE3FF (Veiling Waterfalls), #F3FDC9 (Kiwi Kiss). It mixes purple, green, pink, blue tones and feels cool overall. The strongest text pairing is #A1D8BD on #F3FDC9 with a contrast ratio of 1.51:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Neon Boneyard	rgb(224, 194, 246)	hsl(275, 74%, 86%)
Tropical Freeze	rgb(161, 216, 189)	hsl(151, 41%, 74%)
Cotton Candy Comet	rgb(255, 196, 213)	hsl(343, 100%, 88%)
Veiling Waterfalls	rgb(220, 227, 255)	hsl(228, 100%, 93%)
Kiwi Kiss	rgb(243, 253, 201)	hsl(72, 93%, 89%)

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

CSS variables

/* Neon Boneyard to Kiwi Kiss — https://swatchly.xyz/palette/e0c2f6-a1d8bd-ffc4d5-dce3ff-f3fdc9 */
:root {
  --neon-boneyard: #e0c2f6;
  --tropical-freeze: #a1d8bd;
  --cotton-candy-comet: #ffc4d5;
  --veiling-waterfalls: #dce3ff;
  --kiwi-kiss: #f3fdc9;
}

Tailwind CSS v4

/* Neon Boneyard to Kiwi Kiss — https://swatchly.xyz/palette/e0c2f6-a1d8bd-ffc4d5-dce3ff-f3fdc9 */
@theme {
  --color-neon-boneyard: #e0c2f6;
  --color-neon-boneyard-50: #f6ebff;
  --color-neon-boneyard-100: #f0dcff;
  --color-neon-boneyard-200: #e0c2f6;
  --color-neon-boneyard-300: #c9afdc;
  --color-neon-boneyard-400: #ac90c0;
  --color-neon-boneyard-500: #9175a5;
  --color-neon-boneyard-600: #775d8a;
  --color-neon-boneyard-700: #614972;
  --color-neon-boneyard-800: #4d385c;
  --color-neon-boneyard-900: #3c2a48;
  --color-neon-boneyard-950: #26192f;
  --color-tropical-freeze: #a1d8bd;
  --color-tropical-freeze-50: #ecfff5;
  --color-tropical-freeze-100: #dafaea;
  --color-tropical-freeze-200: #c3e9d6;
  --color-tropical-freeze-300: #a1d8bd;
  --color-tropical-freeze-400: #83b69d;
  --color-tropical-freeze-500: #649980;
  --color-tropical-freeze-600: #497c64;
  --color-tropical-freeze-700: #33634e;
  --color-tropical-freeze-800: #234d3b;
  --color-tropical-freeze-900: #173b2b;
  --color-tropical-freeze-950: #0b251a;
  --color-cotton-candy-comet: #ffc4d5;
  --color-cotton-candy-comet-50: #fff0f4;
  --color-cotton-candy-comet-100: #ffe2ea;
  --color-cotton-candy-comet-200: #ffc4d5;
  --color-cotton-candy-comet-300: #e2b1bf;
  --color-cotton-candy-comet-400: #c5909f;
  --color-cotton-candy-comet-500: #aa7484;
  --color-cotton-candy-comet-600: #8d5a6a;
  --color-cotton-candy-comet-700: #734554;
  --color-cotton-candy-comet-800: #5c3541;
  --color-cotton-candy-comet-900: #482732;
  --color-cotton-candy-comet-950: #2f171f;
  --color-veiling-waterfalls: #dce3ff;
  --color-veiling-waterfalls-50: #eaefff;
  --color-veiling-waterfalls-100: #dce3ff;
  --color-veiling-waterfalls-200: #cbd1e6;
  --color-veiling-waterfalls-300: #b5bbd3;
  --color-veiling-waterfalls-400: #979db6;
  --color-veiling-waterfalls-500: #7d839c;
  --color-veiling-waterfalls-600: #646981;
  --color-veiling-waterfalls-700: #4f546a;
  --color-veiling-waterfalls-800: #3d4154;
  --color-veiling-waterfalls-900: #2e3242;
  --color-veiling-waterfalls-950: #1c1f2a;
  --color-kiwi-kiss: #f3fdc9;
  --color-kiwi-kiss-50: #f3fdc9;
  --color-kiwi-kiss-100: #eaf0d1;
  --color-kiwi-kiss-200: #d6ddb8;
  --color-kiwi-kiss-300: #bfc79c;
  --color-kiwi-kiss-400: #9fa879;
  --color-kiwi-kiss-500: #848c5c;
  --color-kiwi-kiss-600: #697143;
  --color-kiwi-kiss-700: #535a30;
  --color-kiwi-kiss-800: #404621;
  --color-kiwi-kiss-900: #313616;
  --color-kiwi-kiss-950: #1e220b;
}