Out of the Blue to Blue Velvet color palette

/* Out of the Blue to Blue Velvet — https://swatchly.xyz/palette/009bef-96c2ff-e5eaff-331f53-006185 */
:root {
  --out-of-the-blue: #009bef;
  --pastel-blue: #96c2ff;
  --cotton-boll: #e5eaff;
  --stormy-night: #331f53;
  --blue-velvet: #006185;
}

/* Out of the Blue to Blue Velvet — https://swatchly.xyz/palette/009bef-96c2ff-e5eaff-331f53-006185 */
@theme {
  --color-out-of-the-blue: #009bef;
  --color-out-of-the-blue-50: #f1f9ff;
  --color-out-of-the-blue-100: #e3f2ff;
  --color-out-of-the-blue-200: #c3e3ff;
  --color-out-of-the-blue-300: #9ad1ff;
  --color-out-of-the-blue-400: #52b5ff;
  --color-out-of-the-blue-500: #009bef;
  --color-out-of-the-blue-600: #007dc2;
  --color-out-of-the-blue-700: #00629a;
  --color-out-of-the-blue-800: #004c79;
  --color-out-of-the-blue-900: #003a5e;
  --color-out-of-the-blue-950: #00233c;
  --color-pastel-blue: #96c2ff;
  --color-pastel-blue-50: #eef5ff;
  --color-pastel-blue-100: #ddebff;
  --color-pastel-blue-200: #bdd9ff;
  --color-pastel-blue-300: #96c2ff;
  --color-pastel-blue-400: #79a2db;
  --color-pastel-blue-500: #5d87c0;
  --color-pastel-blue-600: #456ca3;
  --color-pastel-blue-700: #325587;
  --color-pastel-blue-800: #23426d;
  --color-pastel-blue-900: #183357;
  --color-pastel-blue-950: #0c1f39;
  --color-cotton-boll: #e5eaff;
  --color-cotton-boll-50: #f2f4ff;
  --color-cotton-boll-100: #e5eaff;
  --color-cotton-boll-200: #d3d7e6;
  --color-cotton-boll-300: #bcc0d1;
  --color-cotton-boll-400: #9ca0b3;
  --color-cotton-boll-500: #818598;
  --color-cotton-boll-600: #676b7d;
  --color-cotton-boll-700: #515464;
  --color-cotton-boll-800: #3e4250;
  --color-cotton-boll-900: #2f323e;
  --color-cotton-boll-950: #1d1f27;
  --color-stormy-night: #331f53;
  --color-stormy-night-50: #f6f3ff;
  --color-stormy-night-100: #eee7ff;
  --color-stormy-night-200: #ddceff;
  --color-stormy-night-300: #c7b6ed;
  --color-stormy-night-400: #a794d0;
  --color-stormy-night-500: #8a77b3;
  --color-stormy-night-600: #6f5c95;
  --color-stormy-night-700: #574678;
  --color-stormy-night-800: #42335e;
  --color-stormy-night-900: #331f53;
  --color-stormy-night-950: #1d152d;
  --color-blue-velvet: #006185;
  --color-blue-velvet-50: #eaf7ff;
  --color-blue-velvet-100: #d5f0ff;
  --color-blue-velvet-200: #aae1ff;
  --color-blue-velvet-300: #8cccee;
  --color-blue-velvet-400: #65aed3;
  --color-blue-velvet-500: #4592b9;
  --color-blue-velvet-600: #29789c;
  --color-blue-velvet-700: #006185;
  --color-blue-velvet-800: #004c69;
  --color-blue-velvet-900: #003a52;
  --color-blue-velvet-950: #002435;
}