Pineapple to Droplet color palette

/* Pineapple to Droplet — https://swatchly.xyz/palette/533b00-7e6000-9968cd-a28aff-4dc4ff-9cddff */
:root {
  --pineapple: #533b00;
  --alligator: #7e6000;
  --amethyst: #9968cd;
  --periwinkle: #a28aff;
  --blue-mana: #4dc4ff;
  --droplet: #9cddff;
}

/* Pineapple to Droplet — https://swatchly.xyz/palette/533b00-7e6000-9968cd-a28aff-4dc4ff-9cddff */
@theme {
  --color-pineapple: #533b00;
  --color-pineapple-50: #fff4df;
  --color-pineapple-100: #fbe9c8;
  --color-pineapple-200: #ead5ae;
  --color-pineapple-300: #d5bd91;
  --color-pineapple-400: #b79d6b;
  --color-pineapple-500: #9b814e;
  --color-pineapple-600: #7f6634;
  --color-pineapple-700: #664f21;
  --color-pineapple-800: #533b00;
  --color-pineapple-900: #3e2e0a;
  --color-pineapple-950: #271b04;
  --color-alligator: #7e6000;
  --color-alligator-50: #fff4dc;
  --color-alligator-100: #fce8b9;
  --color-alligator-200: #ebd29a;
  --color-alligator-300: #d6ba78;
  --color-alligator-400: #b7984e;
  --color-alligator-500: #9a7c2c;
  --color-alligator-600: #7e6000;
  --color-alligator-700: #644c00;
  --color-alligator-800: #4f3b00;
  --color-alligator-900: #3d2d00;
  --color-alligator-950: #271b00;
  --color-amethyst: #9968cd;
  --color-amethyst-50: #f7f2ff;
  --color-amethyst-100: #f0e5ff;
  --color-amethyst-200: #e1caff;
  --color-amethyst-300: #d1abff;
  --color-amethyst-400: #b585e9;
  --color-amethyst-500: #9968cd;
  --color-amethyst-600: #7e4eaf;
  --color-amethyst-700: #663991;
  --color-amethyst-800: #512977;
  --color-amethyst-900: #401d5f;
  --color-amethyst-950: #29103f;
  --color-periwinkle: #a28aff;
  --color-periwinkle-50: #f4f3ff;
  --color-periwinkle-100: #eae7ff;
  --color-periwinkle-200: #d6d0ff;
  --color-periwinkle-300: #c0b4ff;
  --color-periwinkle-400: #a28aff;
  --color-periwinkle-500: #886ee0;
  --color-periwinkle-600: #6e53c1;
  --color-periwinkle-700: #583ea2;
  --color-periwinkle-800: #452d85;
  --color-periwinkle-900: #36206b;
  --color-periwinkle-950: #211148;
  --color-blue-mana: #4dc4ff;
  --color-blue-mana-50: #e0f3ff;
  --color-blue-mana-100: #c7eaff;
  --color-blue-mana-200: #95d9ff;
  --color-blue-mana-300: #4dc4ff;
  --color-blue-mana-400: #2aa5dd;
  --color-blue-mana-500: #008bbf;
  --color-blue-mana-600: #00709b;
  --color-blue-mana-700: #005a7d;
  --color-blue-mana-800: #004764;
  --color-blue-mana-900: #003850;
  --color-blue-mana-950: #002333;
  --color-droplet: #9cddff;
  --color-droplet-50: #e3f5ff;
  --color-droplet-100: #ccedff;
  --color-droplet-200: #9cddff;
  --color-droplet-300: #8fc6e3;
  --color-droplet-400: #6aa8c7;
  --color-droplet-500: #4d8dac;
  --color-droplet-600: #347290;
  --color-droplet-700: #205c77;
  --color-droplet-800: #124860;
  --color-droplet-900: #08384c;
  --color-droplet-950: #022331;
}