Tailwind CSS Color Palette Generator
Color Type
globals.css
--color-primary-50: oklch(0.96722059 0.01624031 12.50275969); /* #fff0f1 */
--color-primary-100: oklch(0.89048279 0.05795559 14.2730142); /* #ffcccf */
--color-primary-200: oklch(0.69146756 0.19833047 22.88041792); /* #ff5c5f */
--color-primary-300: oklch(0.66622418 0.21587203 23.58308022); /* #fd494f */
--color-primary-400: oklch(0.63224334 0.18996057 22.2835259); /* #e64c52 */
--color-primary-500: oklch(0.60967297 0.18520172 22.71045506); /* #dc474c */
--color-primary-600: oklch(0.55620135 0.17750997 23.25835738); /* #c6393e */
--color-primary-700: oklch(0.45443329 0.1567382 24.57831906); /* #9b2226 */
--color-primary-800: oklch(0.41955692 0.11237585 21.15535622); /* #7f2e31 */
--color-primary-900: oklch(0.26658183 0.06858097 20.29628139); /* #411517 */
--color-primary-950: oklch(0.21871752 0.06027692 21.99907609); /* #310c0d */