Tailwind amber 11 shades, 50 to 950

:root {
  --color-amber-50: #fffbeb;
  --color-amber-100: #fef3c7;
  --color-amber-200: #fde68a;
  --color-amber-300: #fcd34d;
  --color-amber-400: #fbbf24;
  --color-amber-500: #f59e0b;
  --color-amber-600: #d97706;
  --color-amber-700: #b45309;
  --color-amber-800: #92400e;
  --color-amber-900: #78350f;
  --color-amber-950: #451a03;
}

// tailwind.config.js — amber is built in; this pins the v3.4 values.
module.exports = {
  theme: {
    extend: {
      colors: {
        amber: {
          50: '#fffbeb',
          100: '#fef3c7',
          200: '#fde68a',
          300: '#fcd34d',
          400: '#fbbf24',
          500: '#f59e0b',
          600: '#d97706',
          700: '#b45309',
          800: '#92400e',
          900: '#78350f',
          950: '#451a03',
        },
      },
    },
  },
};

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

@theme {
  /* v4 has its own amber; these pin the v3 values. */
  --color-amber-50: oklch(0.987 0.021 95.3);
  --color-amber-100: oklch(0.962 0.058 95.6);
  --color-amber-200: oklch(0.924 0.115 95.7);
  --color-amber-300: oklch(0.879 0.153 91.6);
  --color-amber-400: oklch(0.837 0.164 84.4);
  --color-amber-500: oklch(0.769 0.165 70.1);
  --color-amber-600: oklch(0.666 0.157 58.3);
  --color-amber-700: oklch(0.555 0.146 49.0);
  --color-amber-800: oklch(0.473 0.125 46.2);
  --color-amber-900: oklch(0.414 0.105 45.9);
  --color-amber-950: oklch(0.279 0.074 45.6);
}

{
  "color": {
    "amber": {
      "50": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [1, 0.9843, 0.9216],
          "hex": "#fffbeb"
        }
      },
      "100": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.9961, 0.9529, 0.7804],
          "hex": "#fef3c7"
        }
      },
      "200": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.9922, 0.902, 0.5412],
          "hex": "#fde68a"
        }
      },
      "300": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.9882, 0.8275, 0.302],
          "hex": "#fcd34d"
        }
      },
      "400": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.9843, 0.749, 0.1412],
          "hex": "#fbbf24"
        }
      },
      "500": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.9608, 0.6196, 0.0431],
          "hex": "#f59e0b"
        }
      },
      "600": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.851, 0.4667, 0.0235],
          "hex": "#d97706"
        }
      },
      "700": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.7059, 0.3255, 0.0353],
          "hex": "#b45309"
        }
      },
      "800": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.5725, 0.251, 0.0549],
          "hex": "#92400e"
        }
      },
      "900": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.4706, 0.2078, 0.0588],
          "hex": "#78350f"
        }
      },
      "950": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.2706, 0.102, 0.0118],
          "hex": "#451a03"
        }
      }
    }
  }
}

import SwiftUI

enum Palette {
    static let amber50 = Color(.sRGB, red: 1.000, green: 0.984, blue: 0.922, opacity: 1)
    static let amber100 = Color(.sRGB, red: 0.996, green: 0.953, blue: 0.780, opacity: 1)
    static let amber200 = Color(.sRGB, red: 0.992, green: 0.902, blue: 0.541, opacity: 1)
    static let amber300 = Color(.sRGB, red: 0.988, green: 0.827, blue: 0.302, opacity: 1)
    static let amber400 = Color(.sRGB, red: 0.984, green: 0.749, blue: 0.141, opacity: 1)
    static let amber500 = Color(.sRGB, red: 0.961, green: 0.620, blue: 0.043, opacity: 1)
    static let amber600 = Color(.sRGB, red: 0.851, green: 0.467, blue: 0.024, opacity: 1)
    static let amber700 = Color(.sRGB, red: 0.706, green: 0.325, blue: 0.035, opacity: 1)
    static let amber800 = Color(.sRGB, red: 0.573, green: 0.251, blue: 0.055, opacity: 1)
    static let amber900 = Color(.sRGB, red: 0.471, green: 0.208, blue: 0.059, opacity: 1)
    static let amber950 = Color(.sRGB, red: 0.271, green: 0.102, blue: 0.012, opacity: 1)
}

import androidx.compose.ui.graphics.Color

object Palette {
    val Amber50 = Color(0xFFFFFBEB)
    val Amber100 = Color(0xFFFEF3C7)
    val Amber200 = Color(0xFFFDE68A)
    val Amber300 = Color(0xFFFCD34D)
    val Amber400 = Color(0xFFFBBF24)
    val Amber500 = Color(0xFFF59E0B)
    val Amber600 = Color(0xFFD97706)
    val Amber700 = Color(0xFFB45309)
    val Amber800 = Color(0xFF92400E)
    val Amber900 = Color(0xFF78350F)
    val Amber950 = Color(0xFF451A03)
}