ACSS Color Pallet
Primary
–primary-ultra-light: oklch(0.949474952 0.037 357.842650964)
–primary-light: oklch(0.8522155973 0.116 357.8609990057)
–primary-semi-light: oklch(0.6898669768 0.236 357.8609990057)
–primary: oklch(0.5916666667 0.2359579557 357.8609990057)
–primary-hover: oklch(0.68 0.236 357.8609990057)
–primary-semi-dark: oklch(0.4791018208 0.22 357.8609990057)
–primary-dark: oklch(0.3768661796 0.173 357.8641463087)
–primary-ultra-dark: oklch(0.2671523185 0.122 357.8609990057)
Secondary
–secondary-ultra-light: oklch(0.97 0.011 253.026115259)
–secondary-light: oklch(0.8727829753 0.07 253.0851329642)
–secondary-semi-light: oklch(0.707814198 0.166 253.0961309161)
–secondary: oklch(0.5871497146 0.1659002135 253.0961309161)
–secondary-hover: oklch(0.675 0.166 253.0961309161)
–secondary-semi-dark: oklch(0.4615036678 0.166 253.0961309161)
–secondary-dark: oklch(0.3666371916 0.146 253.0961309161)
–secondary-ultra-dark: oklch(0.2653679577 0.105 253.0961390919)
Tertiary
–tertiary-ultra-light: oklch(0.9619021195 0 180)
–tertiary-light: oklch(0.8845388159 0 180)
–tertiary-semi-light: oklch(0.7243514368 0 213.690067526)
–tertiary: oklch(1 0 0)
–tertiary-hover: oklch(1 0 180)
–tertiary-semi-dark: oklch(0.4649026812 0 180)
–tertiary-dark: oklch(0.3705423946 0 180)
–tertiary-ultra-dark: oklch(0.2696504325 0 180)
Accent
–accent-ultra-light: oklch(0.9619021195 0 180)
–accent-light: oklch(0.8845388159 0 180)
–accent-semi-light: oklch(0.7243514368 0 213.690067526)
–accent: oklch(1 0 0)
–accent-hover: oklch(1 0 180)
–accent-semi-dark: oklch(0.4649026812 0 180)
–accent-dark: oklch(0.3705423946 0 180)
–accent-ultra-dark: oklch(0.2696504325 0 180)
Base
–base-ultra-light: oklch(0.9553883766 0.023 265.0433402181)
–base-light: oklch(0.8492155782 0.081 265.0433402181)
–base-semi-light: oklch(0.6084905048 0.107 265.0433402181)
–base: oklch(0.1852034055 0.107018961 265.0433402181)
–base-hover: oklch(0.213 0.107 265.0433402181)
–base-semi-dark: oklch(0.3551712408 0.107 265.0433402181)
–base-dark: oklch(0.2811899769 0.107 265.0433402181)
–base-ultra-dark: oklch(0.1126722259 0.077 265.0414439766)
Neutral
–neutral-ultra-light: oklch(0.97 0 153.4349488229)
–neutral-light: oklch(0.92 0 180)
–neutral-semi-light: oklch(0.7243514368 0 213.690067526)
–neutral: oklch(0 0 0)
–neutral-hover: oklch(0.012 0 180)
–neutral-semi-dark: oklch(0.4649026812 0 180)
–neutral-dark: oklch(0.3705423946 0 180)
–neutral-ultra-dark: oklch(0.2696504325 0 180)
Danger
–danger-ultra-light: oklch(0.946788902 0.035 26.4880627992)
–danger-light: oklch(0.8434960058 0.111 26.4884747745)
–danger-semi-light: oklch(0.6673235176 0.219 26.4880627992)
–danger: oklch(0.6190054369 0.2193340894 26.4880627992)
–danger-hover: oklch(0.712 0.219 26.4880627992)
–danger-semi-dark: oklch(0.4573745016 0.21 26.4894120028)
–danger-dark: oklch(0.3600763695 0.165 26.4880627992)
–danger-ultra-dark: oklch(0.2559433567 0.117 26.4880627992)
Warning
–warning-ultra-light: oklch(0.973352277 0.024 69.1056666895)
–warning-light: oklch(0.9216016888 0.072 69.0567682791)
–warning-semi-light: oklch(0.8264401495 0.165 69.0567682791)
–warning: oklch(0.7680748158 0.165056493 69.0567682791)
–warning-hover: oklch(0.883 0.111 69.0660872231)
–warning-semi-dark: oklch(0.5884175674 0.147 69.0518968239)
–warning-dark: oklch(0.4631754994 0.116 69.0395703048)
–warning-ultra-dark: oklch(0.328732376 0.082 69.0567682791)
Info
–info-ultra-light: oklch(0.954341009 0.024 255.2563527693)
–info-light: oklch(0.8637698062 0.074 255.2456653663)
–info-semi-light: oklch(0.6914836609 0.172 255.2563527693)
–info: oklch(0.6529710118 0.1722566417 255.2563527693)
–info-hover: oklch(0.751 0.141 255.2563527693)
–info-semi-dark: oklch(0.4509680044 0.172 255.2563527693)
–info-dark: oklch(0.3578969236 0.152 255.2563527693)
–info-ultra-dark: oklch(0.2583814015 0.11 255.2591047653)
Success
–success-ultra-light: oklch(0.9720981036 0.045 163.5573558952)
–success-light: oklch(0.918008625 0.128 163.5573558952)
–success-semi-light: oklch(0.8193345244 0.128 163.5573558952)
–success: oklch(0.6528702439 0.1282554495 163.5573558952)
–success-hover: oklch(0.751 0.128 163.5573558952)
–success-semi-dark: oklch(0.5823596634 0.128 163.5573558952)
–success-dark: oklch(0.4584676294 0.128 163.5573558952)
–success-ultra-dark: oklch(0.325570674 0.096 163.5573558952)
Mono
–white: #fff
–black: #000