Palette preview
Primary
Secondary
Tertiary
Neutral
Success
Warning
Danger
/* globals.css — Tailwind v4 (P3 targeted) */
@theme {
--color-primary-50: oklch(97.1% 0.015 264);
--color-primary-100: oklch(93.6% 0.0334 264);
--color-primary-200: oklch(87.6% 0.0661 264);
--color-primary-300: oklch(80.6% 0.1058 264);
--color-primary-400: oklch(72.3% 0.1552 264);
--color-primary-500: oklch(63.7% 0.19 264);
--color-primary-600: oklch(55.0% 0.1843 264);
--color-primary-700: oklch(46.6% 0.1672 264);
--color-primary-800: oklch(38.2% 0.1406 264);
--color-primary-900: oklch(30.1% 0.1064 264);
--color-primary-950: oklch(23.6% 0.0874 264);
--color-secondary-50: oklch(97.1% 0.015 264);
--color-secondary-100: oklch(93.6% 0.0334 264);
--color-secondary-200: oklch(87.6% 0.0612 264);
--color-secondary-300: oklch(80.6% 0.0774 264);
--color-secondary-400: oklch(72.3% 0.0864 264);
--color-secondary-500: oklch(63.7% 0.09 264);
--color-secondary-600: oklch(55.0% 0.0873 264);
--color-secondary-700: oklch(46.6% 0.0792 264);
--color-secondary-800: oklch(38.2% 0.0666 264);
--color-secondary-900: oklch(30.1% 0.0504 264);
--color-secondary-950: oklch(23.6% 0.0414 264);
--color-tertiary-50: oklch(97.1% 0.0273 324);
--color-tertiary-100: oklch(93.6% 0.0611 324);
--color-tertiary-200: oklch(87.6% 0.1088 324);
--color-tertiary-300: oklch(80.6% 0.1376 324);
--color-tertiary-400: oklch(72.3% 0.1536 324);
--color-tertiary-500: oklch(63.7% 0.16 324);
--color-tertiary-600: oklch(55.0% 0.1552 324);
--color-tertiary-700: oklch(46.6% 0.1408 324);
--color-tertiary-800: oklch(38.2% 0.1184 324);
--color-tertiary-900: oklch(30.1% 0.0896 324);
--color-tertiary-950: oklch(23.6% 0.0736 324);
--color-neutral-50: oklch(97.1% 0.0064 264);
--color-neutral-100: oklch(93.6% 0.009 264);
--color-neutral-200: oklch(87.6% 0.0136 264);
--color-neutral-300: oklch(80.6% 0.0172 264);
--color-neutral-400: oklch(72.3% 0.0192 264);
--color-neutral-500: oklch(63.7% 0.02 264);
--color-neutral-600: oklch(55.0% 0.0194 264);
--color-neutral-700: oklch(46.6% 0.0176 264);
--color-neutral-800: oklch(38.2% 0.0148 264);
--color-neutral-900: oklch(30.1% 0.0112 264);
--color-neutral-950: oklch(23.6% 0.0092 264);
--color-success-50: oklch(97.1% 0.048 150);
--color-success-100: oklch(93.6% 0.0675 150);
--color-success-200: oklch(87.6% 0.102 150);
--color-success-300: oklch(80.6% 0.129 150);
--color-success-400: oklch(72.3% 0.144 150);
--color-success-500: oklch(63.7% 0.15 150);
--color-success-600: oklch(55.0% 0.1455 150);
--color-success-700: oklch(46.6% 0.132 150);
--color-success-800: oklch(38.2% 0.111 150);
--color-success-900: oklch(30.1% 0.084 150);
--color-success-950: oklch(23.6% 0.069 150);
--color-warning-50: oklch(97.1% 0.0292 75);
--color-warning-100: oklch(93.6% 0.0656 75);
--color-warning-200: oklch(87.6% 0.102 75);
--color-warning-300: oklch(80.6% 0.129 75);
--color-warning-400: oklch(72.3% 0.144 75);
--color-warning-500: oklch(63.7% 0.15 75);
--color-warning-600: oklch(55.0% 0.1333 75);
--color-warning-700: oklch(46.6% 0.113 75);
--color-warning-800: oklch(38.2% 0.0926 75);
--color-warning-900: oklch(30.1% 0.073 75);
--color-warning-950: oklch(23.6% 0.0572 75);
--color-danger-50: oklch(97.1% 0.0185 27);
--color-danger-100: oklch(93.6% 0.0419 27);
--color-danger-200: oklch(87.6% 0.0854 27);
--color-danger-300: oklch(80.6% 0.142 27);
--color-danger-400: oklch(72.3% 0.192 27);
--color-danger-500: oklch(63.7% 0.2 27);
--color-danger-600: oklch(55.0% 0.194 27);
--color-danger-700: oklch(46.6% 0.176 27);
--color-danger-800: oklch(38.2% 0.148 27);
--color-danger-900: oklch(30.1% 0.112 27);
--color-danger-950: oklch(23.6% 0.092 27);
}