tunio-colors
Version:
Softer and pleasant colors for Tailwind CSS v4.0+
211 lines (195 loc) • 6.21 kB
CSS
/* Tunio Colors - Softer and pleasant colors for Tailwind CSS v4.0+ */
@theme {
/* Red */
--color-red-50: 15 81% 97%;
--color-red-100: 15 68% 94%;
--color-red-200: 10 66% 89%;
--color-red-300: 7 66% 80%;
--color-red-400: 2 66% 68%;
--color-red-500: 356 65% 55%;
--color-red-600: 353 63% 48%;
--color-red-700: 350 65% 40%;
--color-red-800: 348 62% 33%;
--color-red-900: 347 55% 29%;
--color-red-950: 337 66% 14%;
/* Orange */
--color-orange-50: 36 73% 96%;
--color-orange-100: 36 77% 91%;
--color-orange-200: 36 74% 83%;
--color-orange-300: 33 77% 71%;
--color-orange-400: 30 72% 59%;
--color-orange-500: 28 71% 51%;
--color-orange-600: 17 72% 48%;
--color-orange-700: 18 71% 39%;
--color-orange-800: 15 62% 37%;
--color-orange-900: 17 57% 27%;
--color-orange-950: 15 63% 14%;
/* Amber */
--color-amber-50: 52 79% 96%;
--color-amber-100: 48 81% 90%;
--color-amber-200: 46 77% 78%;
--color-amber-300: 45 74% 67%;
--color-amber-400: 45 69% 58%;
--color-amber-500: 41 70% 53%;
--color-amber-600: 34 62% 45%;
--color-amber-700: 30 62% 38%;
--color-amber-800: 28 56% 31%;
--color-amber-900: 27 51% 26%;
--color-amber-950: 27 63% 14%;
/* Yellow */
--color-yellow-50: 60 85% 96%;
--color-yellow-100: 57 77% 89%;
--color-yellow-200: 53 74% 79%;
--color-yellow-300: 48 74% 67%;
--color-yellow-400: 47 70% 57%;
--color-yellow-500: 45 74% 52%;
--color-yellow-600: 41 68% 44%;
--color-yellow-700: 36 68% 34%;
--color-yellow-800: 32 59% 29%;
--color-yellow-900: 28 54% 26%;
--color-yellow-950: 28 63% 14%;
/* Lime */
--color-lime-50: 90 54% 95%;
--color-lime-100: 82 61% 90%;
--color-lime-200: 80 60% 81%;
--color-lime-300: 80 58% 68%;
--color-lime-400: 83 54% 58%;
--color-lime-500: 90 65% 44%;
--color-lime-600: 90 37% 37%;
--color-lime-700: 90 43% 29%;
--color-lime-800: 90 33% 25%;
--color-lime-900: 90 26% 24%;
--color-lime-950: 90 44% 10%;
/* Green */
--color-green-50: 152 44% 96%;
--color-green-100: 152 51% 91%;
--color-green-200: 146 49% 82%;
--color-green-300: 146 54% 69%;
--color-green-400: 146 46% 55%;
--color-green-500: 146 63% 44%;
--color-green-600: 146 44% 37%;
--color-green-700: 146 44% 27%;
--color-green-800: 146 38% 22%;
--color-green-900: 146 36% 18%;
--color-green-950: 146 44% 9%;
/* Teal */
--color-teal-50: 152 44% 96%;
--color-teal-100: 152 51% 91%;
--color-teal-200: 152 49% 82%;
--color-teal-300: 152 54% 69%;
--color-teal-400: 152 46% 55%;
--color-teal-500: 162 68% 39%;
--color-teal-600: 162 44% 28%;
--color-teal-700: 162 44% 27%;
--color-teal-800: 162 38% 21%;
--color-teal-900: 162 36% 18%;
--color-teal-950: 162 44% 9%;
/* Cyan */
--color-cyan-50: 168 56% 97%;
--color-cyan-100: 168 61% 90%;
--color-cyan-200: 168 60% 79%;
--color-cyan-300: 168 65% 67%;
--color-cyan-400: 168 46% 52%;
--color-cyan-500: 174 68% 39%;
--color-cyan-600: 174 44% 28%;
--color-cyan-700: 174 44% 27%;
--color-cyan-800: 174 38% 22%;
--color-cyan-900: 174 36% 18%;
--color-cyan-950: 174 44% 11%;
/* Sky */
--color-sky-50: 192 56% 97%;
--color-sky-100: 192 61% 90%;
--color-sky-200: 192 60% 79%;
--color-sky-300: 192 65% 67%;
--color-sky-400: 192 46% 52%;
--color-sky-500: 198 68% 39%;
--color-sky-600: 198 44% 28%;
--color-sky-700: 198 44% 27%;
--color-sky-800: 198 38% 22%;
--color-sky-900: 198 36% 18%;
--color-sky-950: 198 44% 11%;
/* Blue */
--color-blue-50: 214 100% 97%;
--color-blue-100: 214 95% 93%;
--color-blue-200: 213 97% 87%;
--color-blue-300: 212 96% 78%;
--color-blue-400: 213 94% 68%;
--color-blue-500: 217 91% 60%;
--color-blue-600: 221 83% 53%;
--color-blue-700: 224 76% 48%;
--color-blue-800: 226 71% 40%;
--color-blue-900: 224 64% 33%;
--color-blue-950: 226 55% 21%;
/* Indigo */
--color-indigo-50: 225 100% 97%;
--color-indigo-100: 226 100% 94%;
--color-indigo-200: 228 96% 89%;
--color-indigo-300: 230 94% 82%;
--color-indigo-400: 234 89% 74%;
--color-indigo-500: 239 84% 67%;
--color-indigo-600: 243 75% 59%;
--color-indigo-700: 245 58% 51%;
--color-indigo-800: 244 55% 41%;
--color-indigo-900: 242 47% 34%;
--color-indigo-950: 244 47% 20%;
/* Violet */
--color-violet-50: 250 100% 98%;
--color-violet-100: 251 91% 95%;
--color-violet-200: 251 95% 92%;
--color-violet-300: 252 95% 85%;
--color-violet-400: 255 92% 76%;
--color-violet-500: 258 90% 66%;
--color-violet-600: 262 83% 58%;
--color-violet-700: 263 70% 50%;
--color-violet-800: 263 69% 42%;
--color-violet-900: 264 67% 35%;
--color-violet-950: 261 73% 20%;
/* Purple */
--color-purple-50: 270 100% 98%;
--color-purple-100: 269 100% 95%;
--color-purple-200: 269 100% 92%;
--color-purple-300: 269 97% 85%;
--color-purple-400: 270 95% 75%;
--color-purple-500: 271 91% 65%;
--color-purple-600: 271 81% 56%;
--color-purple-700: 272 72% 47%;
--color-purple-800: 272 67% 39%;
--color-purple-900: 273 66% 32%;
--color-purple-950: 274 87% 21%;
/* Fuchsia */
--color-fuchsia-50: 289 100% 98%;
--color-fuchsia-100: 287 100% 95%;
--color-fuchsia-200: 288 96% 91%;
--color-fuchsia-300: 291 93% 83%;
--color-fuchsia-400: 292 91% 73%;
--color-fuchsia-500: 292 84% 61%;
--color-fuchsia-600: 293 69% 49%;
--color-fuchsia-700: 295 72% 40%;
--color-fuchsia-800: 295 70% 33%;
--color-fuchsia-900: 296 63% 28%;
--color-fuchsia-950: 297 96% 15%;
/* Pink */
--color-pink-50: 327 73% 97%;
--color-pink-100: 326 78% 95%;
--color-pink-200: 326 85% 90%;
--color-pink-300: 327 87% 81%;
--color-pink-400: 329 86% 70%;
--color-pink-500: 330 81% 60%;
--color-pink-600: 333 71% 51%;
--color-pink-700: 335 78% 42%;
--color-pink-800: 336 74% 35%;
--color-pink-900: 336 69% 30%;
--color-pink-950: 336 84% 17%;
/* Rose */
--color-rose-50: 355 100% 97%;
--color-rose-100: 356 100% 95%;
--color-rose-200: 353 96% 90%;
--color-rose-300: 353 95% 81%;
--color-rose-400: 351 95% 71%;
--color-rose-500: 350 89% 60%;
--color-rose-600: 347 77% 50%;
--color-rose-700: 345 83% 41%;
--color-rose-800: 343 80% 35%;
--color-rose-900: 341 75% 30%;
--color-rose-950: 343 87% 17%;
}