Tailwind violet 11 shades, 50 to 950

:root {
  --color-violet-50: #f5f3ff;
  --color-violet-100: #ede9fe;
  --color-violet-200: #ddd6fe;
  --color-violet-300: #c4b5fd;
  --color-violet-400: #a78bfa;
  --color-violet-500: #8b5cf6;
  --color-violet-600: #7c3aed;
  --color-violet-700: #6d28d9;
  --color-violet-800: #5b21b6;
  --color-violet-900: #4c1d95;
  --color-violet-950: #2e1065;
}

// tailwind.config.js — violet is built in; this pins the v3.4 values.
module.exports = {
  theme: {
    extend: {
      colors: {
        violet: {
          50: '#f5f3ff',
          100: '#ede9fe',
          200: '#ddd6fe',
          300: '#c4b5fd',
          400: '#a78bfa',
          500: '#8b5cf6',
          600: '#7c3aed',
          700: '#6d28d9',
          800: '#5b21b6',
          900: '#4c1d95',
          950: '#2e1065',
        },
      },
    },
  },
};

/* app.css — Tailwind CSS v4 */
@import "tailwindcss";

@theme {
  /* v4 has its own violet; these pin the v3 values. */
  --color-violet-50: oklch(0.969 0.016 293.8);
  --color-violet-100: oklch(0.943 0.028 294.6);
  --color-violet-200: oklch(0.894 0.055 293.3);
  --color-violet-300: oklch(0.811 0.101 293.6);
  --color-violet-400: oklch(0.709 0.159 293.5);
  --color-violet-500: oklch(0.606 0.219 292.7);
  --color-violet-600: oklch(0.541 0.247 293.0);
  --color-violet-700: oklch(0.491 0.241 292.6);
  --color-violet-800: oklch(0.432 0.211 292.8);
  --color-violet-900: oklch(0.380 0.178 293.7);
  --color-violet-950: oklch(0.283 0.135 291.1);
}

{
  "color": {
    "violet": {
      "50": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.9608, 0.9529, 1],
          "hex": "#f5f3ff"
        }
      },
      "100": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.9294, 0.9137, 0.9961],
          "hex": "#ede9fe"
        }
      },
      "200": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.8667, 0.8392, 0.9961],
          "hex": "#ddd6fe"
        }
      },
      "300": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.7686, 0.7098, 0.9922],
          "hex": "#c4b5fd"
        }
      },
      "400": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.6549, 0.5451, 0.9804],
          "hex": "#a78bfa"
        }
      },
      "500": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.5451, 0.3608, 0.9647],
          "hex": "#8b5cf6"
        }
      },
      "600": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.4863, 0.2275, 0.9294],
          "hex": "#7c3aed"
        }
      },
      "700": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.4275, 0.1569, 0.851],
          "hex": "#6d28d9"
        }
      },
      "800": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.3569, 0.1294, 0.7137],
          "hex": "#5b21b6"
        }
      },
      "900": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.298, 0.1137, 0.5843],
          "hex": "#4c1d95"
        }
      },
      "950": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.1804, 0.0627, 0.3961],
          "hex": "#2e1065"
        }
      }
    }
  }
}

import SwiftUI

enum Palette {
    static let violet50 = Color(.sRGB, red: 0.961, green: 0.953, blue: 1.000, opacity: 1)
    static let violet100 = Color(.sRGB, red: 0.929, green: 0.914, blue: 0.996, opacity: 1)
    static let violet200 = Color(.sRGB, red: 0.867, green: 0.839, blue: 0.996, opacity: 1)
    static let violet300 = Color(.sRGB, red: 0.769, green: 0.710, blue: 0.992, opacity: 1)
    static let violet400 = Color(.sRGB, red: 0.655, green: 0.545, blue: 0.980, opacity: 1)
    static let violet500 = Color(.sRGB, red: 0.545, green: 0.361, blue: 0.965, opacity: 1)
    static let violet600 = Color(.sRGB, red: 0.486, green: 0.227, blue: 0.929, opacity: 1)
    static let violet700 = Color(.sRGB, red: 0.427, green: 0.157, blue: 0.851, opacity: 1)
    static let violet800 = Color(.sRGB, red: 0.357, green: 0.129, blue: 0.714, opacity: 1)
    static let violet900 = Color(.sRGB, red: 0.298, green: 0.114, blue: 0.584, opacity: 1)
    static let violet950 = Color(.sRGB, red: 0.180, green: 0.063, blue: 0.396, opacity: 1)
}

import androidx.compose.ui.graphics.Color

object Palette {
    val Violet50 = Color(0xFFF5F3FF)
    val Violet100 = Color(0xFFEDE9FE)
    val Violet200 = Color(0xFFDDD6FE)
    val Violet300 = Color(0xFFC4B5FD)
    val Violet400 = Color(0xFFA78BFA)
    val Violet500 = Color(0xFF8B5CF6)
    val Violet600 = Color(0xFF7C3AED)
    val Violet700 = Color(0xFF6D28D9)
    val Violet800 = Color(0xFF5B21B6)
    val Violet900 = Color(0xFF4C1D95)
    val Violet950 = Color(0xFF2E1065)
}