Tailwind indigo 11 shades, 50 to 950

:root {
  --color-indigo-50: #eef2ff;
  --color-indigo-100: #e0e7ff;
  --color-indigo-200: #c7d2fe;
  --color-indigo-300: #a5b4fc;
  --color-indigo-400: #818cf8;
  --color-indigo-500: #6366f1;
  --color-indigo-600: #4f46e5;
  --color-indigo-700: #4338ca;
  --color-indigo-800: #3730a3;
  --color-indigo-900: #312e81;
  --color-indigo-950: #1e1b4b;
}

// tailwind.config.js — indigo is built in; this pins the v3.4 values.
module.exports = {
  theme: {
    extend: {
      colors: {
        indigo: {
          50: '#eef2ff',
          100: '#e0e7ff',
          200: '#c7d2fe',
          300: '#a5b4fc',
          400: '#818cf8',
          500: '#6366f1',
          600: '#4f46e5',
          700: '#4338ca',
          800: '#3730a3',
          900: '#312e81',
          950: '#1e1b4b',
        },
      },
    },
  },
};

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

@theme {
  /* v4 has its own indigo; these pin the v3 values. */
  --color-indigo-50: oklch(0.962 0.018 272.3);
  --color-indigo-100: oklch(0.930 0.033 272.8);
  --color-indigo-200: oklch(0.870 0.062 274.0);
  --color-indigo-300: oklch(0.785 0.104 274.7);
  --color-indigo-400: oklch(0.680 0.158 276.9);
  --color-indigo-500: oklch(0.585 0.204 277.1);
  --color-indigo-600: oklch(0.511 0.230 277.0);
  --color-indigo-700: oklch(0.457 0.215 277.0);
  --color-indigo-800: oklch(0.398 0.177 277.4);
  --color-indigo-900: oklch(0.359 0.135 278.7);
  --color-indigo-950: oklch(0.257 0.086 281.3);
}

{
  "color": {
    "indigo": {
      "50": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.9333, 0.949, 1],
          "hex": "#eef2ff"
        }
      },
      "100": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.8784, 0.9059, 1],
          "hex": "#e0e7ff"
        }
      },
      "200": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.7804, 0.8235, 0.9961],
          "hex": "#c7d2fe"
        }
      },
      "300": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.6471, 0.7059, 0.9882],
          "hex": "#a5b4fc"
        }
      },
      "400": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.5059, 0.549, 0.9725],
          "hex": "#818cf8"
        }
      },
      "500": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.3882, 0.4, 0.9451],
          "hex": "#6366f1"
        }
      },
      "600": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.3098, 0.2745, 0.898],
          "hex": "#4f46e5"
        }
      },
      "700": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.2627, 0.2196, 0.7922],
          "hex": "#4338ca"
        }
      },
      "800": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.2157, 0.1882, 0.6392],
          "hex": "#3730a3"
        }
      },
      "900": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.1922, 0.1804, 0.5059],
          "hex": "#312e81"
        }
      },
      "950": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.1176, 0.1059, 0.2941],
          "hex": "#1e1b4b"
        }
      }
    }
  }
}

import SwiftUI

enum Palette {
    static let indigo50 = Color(.sRGB, red: 0.933, green: 0.949, blue: 1.000, opacity: 1)
    static let indigo100 = Color(.sRGB, red: 0.878, green: 0.906, blue: 1.000, opacity: 1)
    static let indigo200 = Color(.sRGB, red: 0.780, green: 0.824, blue: 0.996, opacity: 1)
    static let indigo300 = Color(.sRGB, red: 0.647, green: 0.706, blue: 0.988, opacity: 1)
    static let indigo400 = Color(.sRGB, red: 0.506, green: 0.549, blue: 0.973, opacity: 1)
    static let indigo500 = Color(.sRGB, red: 0.388, green: 0.400, blue: 0.945, opacity: 1)
    static let indigo600 = Color(.sRGB, red: 0.310, green: 0.275, blue: 0.898, opacity: 1)
    static let indigo700 = Color(.sRGB, red: 0.263, green: 0.220, blue: 0.792, opacity: 1)
    static let indigo800 = Color(.sRGB, red: 0.216, green: 0.188, blue: 0.639, opacity: 1)
    static let indigo900 = Color(.sRGB, red: 0.192, green: 0.180, blue: 0.506, opacity: 1)
    static let indigo950 = Color(.sRGB, red: 0.118, green: 0.106, blue: 0.294, opacity: 1)
}

import androidx.compose.ui.graphics.Color

object Palette {
    val Indigo50 = Color(0xFFEEF2FF)
    val Indigo100 = Color(0xFFE0E7FF)
    val Indigo200 = Color(0xFFC7D2FE)
    val Indigo300 = Color(0xFFA5B4FC)
    val Indigo400 = Color(0xFF818CF8)
    val Indigo500 = Color(0xFF6366F1)
    val Indigo600 = Color(0xFF4F46E5)
    val Indigo700 = Color(0xFF4338CA)
    val Indigo800 = Color(0xFF3730A3)
    val Indigo900 = Color(0xFF312E81)
    val Indigo950 = Color(0xFF1E1B4B)
}