Tailwind green 11 shades, 50 to 950

:root {
  --color-green-50: #f0fdf4;
  --color-green-100: #dcfce7;
  --color-green-200: #bbf7d0;
  --color-green-300: #86efac;
  --color-green-400: #4ade80;
  --color-green-500: #22c55e;
  --color-green-600: #16a34a;
  --color-green-700: #15803d;
  --color-green-800: #166534;
  --color-green-900: #14532d;
  --color-green-950: #052e16;
}

// tailwind.config.js — green is built in; this pins the v3.4 values.
module.exports = {
  theme: {
    extend: {
      colors: {
        green: {
          50: '#f0fdf4',
          100: '#dcfce7',
          200: '#bbf7d0',
          300: '#86efac',
          400: '#4ade80',
          500: '#22c55e',
          600: '#16a34a',
          700: '#15803d',
          800: '#166534',
          900: '#14532d',
          950: '#052e16',
        },
      },
    },
  },
};

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

@theme {
  /* v4 has its own green; these pin the v3 values. */
  --color-green-50: oklch(0.982 0.018 155.8);
  --color-green-100: oklch(0.962 0.043 156.7);
  --color-green-200: oklch(0.925 0.081 156.0);
  --color-green-300: oklch(0.871 0.136 154.4);
  --color-green-400: oklch(0.800 0.182 151.7);
  --color-green-500: oklch(0.723 0.192 149.6);
  --color-green-600: oklch(0.627 0.170 149.2);
  --color-green-700: oklch(0.527 0.137 150.1);
  --color-green-800: oklch(0.448 0.108 151.3);
  --color-green-900: oklch(0.393 0.090 152.5);
  --color-green-950: oklch(0.266 0.063 152.9);
}

{
  "color": {
    "green": {
      "50": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.9412, 0.9922, 0.9569],
          "hex": "#f0fdf4"
        }
      },
      "100": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.8627, 0.9882, 0.9059],
          "hex": "#dcfce7"
        }
      },
      "200": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.7333, 0.9686, 0.8157],
          "hex": "#bbf7d0"
        }
      },
      "300": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.5255, 0.9373, 0.6745],
          "hex": "#86efac"
        }
      },
      "400": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.2902, 0.8706, 0.502],
          "hex": "#4ade80"
        }
      },
      "500": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.1333, 0.7725, 0.3686],
          "hex": "#22c55e"
        }
      },
      "600": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.0863, 0.6392, 0.2902],
          "hex": "#16a34a"
        }
      },
      "700": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.0824, 0.502, 0.2392],
          "hex": "#15803d"
        }
      },
      "800": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.0863, 0.3961, 0.2039],
          "hex": "#166534"
        }
      },
      "900": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.0784, 0.3255, 0.1765],
          "hex": "#14532d"
        }
      },
      "950": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.0196, 0.1804, 0.0863],
          "hex": "#052e16"
        }
      }
    }
  }
}

import SwiftUI

enum Palette {
    static let green50 = Color(.sRGB, red: 0.941, green: 0.992, blue: 0.957, opacity: 1)
    static let green100 = Color(.sRGB, red: 0.863, green: 0.988, blue: 0.906, opacity: 1)
    static let green200 = Color(.sRGB, red: 0.733, green: 0.969, blue: 0.816, opacity: 1)
    static let green300 = Color(.sRGB, red: 0.525, green: 0.937, blue: 0.675, opacity: 1)
    static let green400 = Color(.sRGB, red: 0.290, green: 0.871, blue: 0.502, opacity: 1)
    static let green500 = Color(.sRGB, red: 0.133, green: 0.773, blue: 0.369, opacity: 1)
    static let green600 = Color(.sRGB, red: 0.086, green: 0.639, blue: 0.290, opacity: 1)
    static let green700 = Color(.sRGB, red: 0.082, green: 0.502, blue: 0.239, opacity: 1)
    static let green800 = Color(.sRGB, red: 0.086, green: 0.396, blue: 0.204, opacity: 1)
    static let green900 = Color(.sRGB, red: 0.078, green: 0.325, blue: 0.176, opacity: 1)
    static let green950 = Color(.sRGB, red: 0.020, green: 0.180, blue: 0.086, opacity: 1)
}

import androidx.compose.ui.graphics.Color

object Palette {
    val Green50 = Color(0xFFF0FDF4)
    val Green100 = Color(0xFFDCFCE7)
    val Green200 = Color(0xFFBBF7D0)
    val Green300 = Color(0xFF86EFAC)
    val Green400 = Color(0xFF4ADE80)
    val Green500 = Color(0xFF22C55E)
    val Green600 = Color(0xFF16A34A)
    val Green700 = Color(0xFF15803D)
    val Green800 = Color(0xFF166534)
    val Green900 = Color(0xFF14532D)
    val Green950 = Color(0xFF052E16)
}