@nsw-grey-50: oklch(0.985104 0 0); // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 50: subtle backgrounds and surfaces.
@nsw-grey-100: oklch(0.970151 0 0); // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 100: subtle backgrounds and surfaces.
@nsw-grey-150: oklch(0.95514 0 0); // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 150: subtle backgrounds and surfaces.
@nsw-grey-200: oklch(0.94007 0 0); // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 200: Interactive components.
@nsw-grey-250: oklch(0.920652 0.002558 228.786818); // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 250: Interactive components.
@nsw-grey-300: oklch(0.901624 0.003538 219.535738); // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 300: Interactive components.
@nsw-grey-350: oklch(0.882025 0.006111 223.464254); // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 350: Interactive components.
@nsw-grey-400: oklch(0.863097 0.007776 228.868893); // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 400: Interactive components.
@nsw-grey-450: oklch(0.753634 0.008885 236.605307); // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 450: borders, separators and icons.
@nsw-grey-500: oklch(0.645222 0.009348 225.150438); // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 500: borders, separators and icons.
@nsw-grey-550: oklch(0.536704 0.009767 225.197358); // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 550: borders, separators and icons.
@nsw-grey-600: oklch(0.426427 0.011202 232.617199); // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 600: borders, separators and icons.
@nsw-grey-650: oklch(0.386365 0.01045 236.835687); // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 650: borders, separators and icons.
@nsw-grey-700: oklch(0.348204 0.010712 236.894097); // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 700: Solid colors.
@nsw-grey-750: oklch(0.308978 0.011017 236.97265); // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 750: Solid colors.
@nsw-grey-800: oklch(0.269413 0.01036 242.083865); // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 800: Solid colors.
@nsw-grey-850: oklch(0.223572 0.008405 240.274391); // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 850: text and high emphasis.
@nsw-grey-900: oklch(0.175228 0.006346 236.981786); // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 900: text and high emphasis.
@nsw-grey-950: oklch(0.126543 0.006953 243.792325); // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 950: text and high emphasis.
@nsw-green-50: oklch(0.990081 0.015795 148.41438); // NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 50: subtle backgrounds and surfaces.
@nsw-green-100: oklch(0.977431 0.026606 148.839664); // NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 100: subtle backgrounds and surfaces.
@nsw-green-150: oklch(0.967911 0.037416 148.930338); // NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 150: subtle backgrounds and surfaces.
@nsw-green-200: oklch(0.955545 0.04826 148.904545); // NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 200: Interactive components.
@nsw-green-250: oklch(0.93851 0.062505 148.569017); // NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 250: Interactive components.
@nsw-green-300: oklch(0.921117 0.077402 148.783229); // NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 300: Interactive components.
@nsw-green-350: oklch(0.901882 0.090617 148.915542); // NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 350: Interactive components.
@nsw-green-400: oklch(0.885183 0.105294 148.825537); // NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 400: Interactive components.
@nsw-green-450: oklch(0.824352 0.124607 148.589905); // NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 450: borders, separators and icons.
@nsw-green-500: oklch(0.765718 0.145713 148.416765); // NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 500: borders, separators and icons.
@nsw-green-550: oklch(0.704641 0.16526 148.484663); // NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 550: borders, separators and icons.
@nsw-green-600: oklch(0.643827 0.185071 148.266392); // NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 600: borders, separators and icons.
@nsw-green-650: oklch(0.563991 0.166488 146.780194); // NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 650: borders, separators and icons.
@nsw-green-700: oklch(0.484 0.147861 145.298202); // NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 700: Solid colors.
@nsw-green-750: oklch(0.403409 0.12884 143.996921); // NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 750: Solid colors.
@nsw-green-800: oklch(0.321878 0.109527 142.495345); // NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 800: Solid colors.
@nsw-green-850: oklch(0.267891 0.091156 142.495345); // NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 850: text and high emphasis.
@nsw-green-900: oklch(0.211008 0.071801 142.495345); // NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 900: text and high emphasis.
@nsw-green-950: oklch(0.153912 0.052372 142.495345); // NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 950: text and high emphasis.
@nsw-teal-50: oklch(0.981084 0.009583 189.068864); // NSW palette teal — accents, illustration, and data-visualisation support. Step 50: subtle backgrounds and surfaces.
@nsw-teal-100: oklch(0.963745 0.017041 187.89812); // NSW palette teal — accents, illustration, and data-visualisation support. Step 100: subtle backgrounds and surfaces.
@nsw-teal-150: oklch(0.944172 0.023457 186.915975); // NSW palette teal — accents, illustration, and data-visualisation support. Step 150: subtle backgrounds and surfaces.
@nsw-teal-200: oklch(0.926969 0.030829 186.587966); // NSW palette teal — accents, illustration, and data-visualisation support. Step 200: Interactive components.
@nsw-teal-250: oklch(0.907198 0.04267 190.957151); // NSW palette teal — accents, illustration, and data-visualisation support. Step 250: Interactive components.
@nsw-teal-300: oklch(0.884847 0.055135 196.19898); // NSW palette teal — accents, illustration, and data-visualisation support. Step 300: Interactive components.
@nsw-teal-350: oklch(0.864304 0.066593 201.943435); // NSW palette teal — accents, illustration, and data-visualisation support. Step 350: Interactive components.
@nsw-teal-400: oklch(0.843907 0.078713 205.971232); // NSW palette teal — accents, illustration, and data-visualisation support. Step 400: Interactive components.
@nsw-teal-450: oklch(0.773472 0.079248 207.069585); // NSW palette teal — accents, illustration, and data-visualisation support. Step 450: borders, separators and icons.
@nsw-teal-500: oklch(0.699402 0.079119 209.446408); // NSW palette teal — accents, illustration, and data-visualisation support. Step 500: borders, separators and icons.
@nsw-teal-550: oklch(0.628309 0.080069 209.493158); // NSW palette teal — accents, illustration, and data-visualisation support. Step 550: borders, separators and icons.
@nsw-teal-600: oklch(0.55658 0.080187 210.887635); // NSW palette teal — accents, illustration, and data-visualisation support. Step 600: borders, separators and icons.
@nsw-teal-650: oklch(0.501916 0.073272 210.257312); // NSW palette teal — accents, illustration, and data-visualisation support. Step 650: borders, separators and icons.
@nsw-teal-700: oklch(0.448897 0.066803 209.287131); // NSW palette teal — accents, illustration, and data-visualisation support. Step 700: Solid colors.
@nsw-teal-750: oklch(0.392261 0.059727 211.556304); // NSW palette teal — accents, illustration, and data-visualisation support. Step 750: Solid colors.
@nsw-teal-800: oklch(0.339119 0.053288 210.303482); // NSW palette teal — accents, illustration, and data-visualisation support. Step 800: Solid colors.
@nsw-teal-850: oklch(0.28054 0.045497 209.000284); // NSW palette teal — accents, illustration, and data-visualisation support. Step 850: text and high emphasis.
@nsw-teal-900: oklch(0.219761 0.036868 210.291523); // NSW palette teal — accents, illustration, and data-visualisation support. Step 900: text and high emphasis.
@nsw-teal-950: oklch(0.162471 0.027924 207.933306); // NSW palette teal — accents, illustration, and data-visualisation support. Step 950: text and high emphasis.
@nsw-blue-50: oklch(0.981046 0.012805 221.42319); // NSW brand blue — masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 50: subtle backgrounds and surfaces.
@nsw-blue-100: oklch(0.962528 0.022535 229.073806); // NSW brand blue — masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 100: subtle backgrounds and surfaces.
@nsw-blue-150: oklch(0.945178 0.032646 226.304274); // NSW brand blue — masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 150: subtle backgrounds and surfaces.
@nsw-blue-200: oklch(0.926674 0.041663 227.890787); // NSW brand blue — masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 200: Interactive components.
@nsw-blue-250: oklch(0.911263 0.054737 226.223779); // NSW brand blue — masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 250: Interactive components.
@nsw-blue-300: oklch(0.896395 0.067447 225.364647); // NSW brand blue — masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 300: Interactive components.
@nsw-blue-350: oklch(0.87908 0.079726 224.961348); // NSW brand blue — masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 350: Interactive components.
@nsw-blue-400: oklch(0.864091 0.092143 223.595164); // NSW brand blue — masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 400: Interactive components.
@nsw-blue-450: oklch(0.793049 0.126377 232.671182); // NSW brand blue — masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 450: borders, separators and icons.
@nsw-blue-500: oklch(0.719588 0.160232 241.934243); // NSW brand blue — masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 500: borders, separators and icons.
@nsw-blue-550: oklch(0.647121 0.194114 252.085254); // NSW brand blue — masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 550: borders, separators and icons.
@nsw-blue-600: oklch(0.575113 0.229834 260.756335); // NSW brand blue — masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 600: borders, separators and icons.
@nsw-blue-650: oklch(0.504429 0.200565 260.409998); // NSW brand blue — masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 650: borders, separators and icons.
@nsw-blue-700: oklch(0.433012 0.172764 260.164397); // NSW brand blue — masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 700: Solid colors.
@nsw-blue-750: oklch(0.360675 0.146274 260.290439); // NSW brand blue — masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 750: Solid colors.
@nsw-blue-800: oklch(0.289999 0.117296 259.841938); // NSW brand blue — masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 800: Solid colors.
@nsw-blue-850: oklch(0.238584 0.100105 260.505764); // NSW brand blue — masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 850: text and high emphasis.
@nsw-blue-900: oklch(0.190403 0.080719 260.682766); // NSW brand blue — masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 900: text and high emphasis.
@nsw-blue-950: oklch(0.138623 0.062732 261.699127); // NSW brand blue — masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 950: text and high emphasis.
@nsw-purple-50: oklch(0.979942 0.010771 297.629538); // NSW palette purple — accents, illustration, and data-visualisation support. Step 50: subtle backgrounds and surfaces.
@nsw-purple-100: oklch(0.96104 0.020078 292.148399); // NSW palette purple — accents, illustration, and data-visualisation support. Step 100: subtle backgrounds and surfaces.
@nsw-purple-150: oklch(0.940643 0.02976 294.163862); // NSW palette purple — accents, illustration, and data-visualisation support. Step 150: subtle backgrounds and surfaces.
@nsw-purple-200: oklch(0.922152 0.038089 293.832311); // NSW palette purple — accents, illustration, and data-visualisation support. Step 200: Interactive components.
@nsw-purple-250: oklch(0.902386 0.050699 294.035459); // NSW palette purple — accents, illustration, and data-visualisation support. Step 250: Interactive components.
@nsw-purple-300: oklch(0.880403 0.063609 295.026076); // NSW palette purple — accents, illustration, and data-visualisation support. Step 300: Interactive components.
@nsw-purple-350: oklch(0.860749 0.07647 294.744797); // NSW palette purple — accents, illustration, and data-visualisation support. Step 350: Interactive components.
@nsw-purple-400: oklch(0.838898 0.089613 295.149512); // NSW palette purple — accents, illustration, and data-visualisation support. Step 400: Interactive components.
@nsw-purple-450: oklch(0.774614 0.122118 294.042831); // NSW palette purple — accents, illustration, and data-visualisation support. Step 450: borders, separators and icons.
@nsw-purple-500: oklch(0.711084 0.154805 292.674319); // NSW palette purple — accents, illustration, and data-visualisation support. Step 500: borders, separators and icons.
@nsw-purple-550: oklch(0.646097 0.188334 291.878793); // NSW palette purple — accents, illustration, and data-visualisation support. Step 550: borders, separators and icons.
@nsw-purple-600: oklch(0.58173 0.221615 290.501683); // NSW palette purple — accents, illustration, and data-visualisation support. Step 600: borders, separators and icons.
@nsw-purple-650: oklch(0.516922 0.203649 293.377615); // NSW palette purple — accents, illustration, and data-visualisation support. Step 650: borders, separators and icons.
@nsw-purple-700: oklch(0.453186 0.185326 296.711408); // NSW palette purple — accents, illustration, and data-visualisation support. Step 700: Solid colors.
@nsw-purple-750: oklch(0.386977 0.16729 299.692934); // NSW palette purple — accents, illustration, and data-visualisation support. Step 750: Solid colors.
@nsw-purple-800: oklch(0.322758 0.148913 302.732273); // NSW palette purple — accents, illustration, and data-visualisation support. Step 800: Solid colors.
@nsw-purple-850: oklch(0.265767 0.126298 303.073254); // NSW palette purple — accents, illustration, and data-visualisation support. Step 850: text and high emphasis.
@nsw-purple-900: oklch(0.20962 0.104671 303.28248); // NSW palette purple — accents, illustration, and data-visualisation support. Step 900: text and high emphasis.
@nsw-purple-950: oklch(0.152833 0.080653 302.075394); // NSW palette purple — accents, illustration, and data-visualisation support. Step 950: text and high emphasis.
@nsw-fuchsia-50: oklch(0.982084 0.013244 333.034319); // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 50: subtle backgrounds and surfaces.
@nsw-fuchsia-100: oklch(0.965669 0.023247 338.610142); // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 100: subtle backgrounds and surfaces.
@nsw-fuchsia-150: oklch(0.948854 0.03339 337.959274); // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 150: subtle backgrounds and surfaces.
@nsw-fuchsia-200: oklch(0.93185 0.042831 339.134147); // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 200: Interactive components.
@nsw-fuchsia-250: oklch(0.910705 0.055741 337.314857); // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 250: Interactive components.
@nsw-fuchsia-300: oklch(0.887629 0.069703 336.916306); // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 300: Interactive components.
@nsw-fuchsia-350: oklch(0.86725 0.08373 335.420133); // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 350: Interactive components.
@nsw-fuchsia-400: oklch(0.84582 0.096185 334.510766); // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 400: Interactive components.
@nsw-fuchsia-450: oklch(0.784752 0.136018 335.952916); // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 450: borders, separators and icons.
@nsw-fuchsia-500: oklch(0.723334 0.175513 337.649945); // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 500: borders, separators and icons.
@nsw-fuchsia-550: oklch(0.661983 0.214363 338.632544); // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 550: borders, separators and icons.
@nsw-fuchsia-600: oklch(0.601253 0.254233 340.252307); // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 600: borders, separators and icons.
@nsw-fuchsia-650: oklch(0.536642 0.227232 340.78992); // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 650: borders, separators and icons.
@nsw-fuchsia-700: oklch(0.470462 0.200119 341.098388); // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 700: Solid colors.
@nsw-fuchsia-750: oklch(0.406687 0.174181 341.335872); // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 750: Solid colors.
@nsw-fuchsia-800: oklch(0.340576 0.146851 341.706145); // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 800: Solid colors.
@nsw-fuchsia-850: oklch(0.282424 0.121774 341.71207); // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 850: text and high emphasis.
@nsw-fuchsia-900: oklch(0.22599 0.097183 342.322886); // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 900: text and high emphasis.
@nsw-fuchsia-950: oklch(0.168705 0.072287 343.166627); // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 950: text and high emphasis.
@nsw-red-50: oklch(0.984801 0.007587 7.280361); // NSW brand red — masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 50: subtle backgrounds and surfaces.
@nsw-red-100: oklch(0.97188 0.014232 6.700043); // NSW brand red — masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 100: subtle backgrounds and surfaces.
@nsw-red-150: oklch(0.959029 0.020979 6.606185); // NSW brand red — masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 150: subtle backgrounds and surfaces.
@nsw-red-200: oklch(0.946252 0.027827 6.653086); // NSW brand red — masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 200: Interactive components.
@nsw-red-250: oklch(0.922815 0.040479 8.438397); // NSW brand red — masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 250: Interactive components.
@nsw-red-300: oklch(0.897868 0.054828 8.39461); // NSW brand red — masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 300: Interactive components.
@nsw-red-350: oklch(0.875166 0.068164 9.494436); // NSW brand red — masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 350: Interactive components.
@nsw-red-400: oklch(0.850883 0.08303 10.570683); // NSW brand red — masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 400: Interactive components.
@nsw-red-450: oklch(0.779076 0.116944 12.810782); // NSW brand red — masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 450: borders, separators and icons.
@nsw-red-500: oklch(0.707215 0.150378 15.602977); // NSW brand red — masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 500: borders, separators and icons.
@nsw-red-550: oklch(0.634722 0.184087 17.935378); // NSW brand red — masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 550: borders, separators and icons.
@nsw-red-600: oklch(0.561955 0.217505 20.33356); // NSW brand red — masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 600: borders, separators and icons.
@nsw-red-650: oklch(0.501611 0.19526 19.649998); // NSW brand red — masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 650: borders, separators and icons.
@nsw-red-700: oklch(0.439441 0.172351 18.724983); // NSW brand red — masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 700: Solid colors.
@nsw-red-750: oklch(0.377602 0.149006 17.706488); // NSW brand red — masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 750: Solid colors.
@nsw-red-800: oklch(0.316967 0.126887 17.133117); // NSW brand red — masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 800: Solid colors.
@nsw-red-850: oklch(0.26401 0.105766 17.967115); // NSW brand red — masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 850: text and high emphasis.
@nsw-red-900: oklch(0.210832 0.084535 18.772606); // NSW brand red — masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 900: text and high emphasis.
@nsw-red-950: oklch(0.156795 0.062933 19.607624); // NSW brand red — masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 950: text and high emphasis.
@nsw-orange-50: oklch(0.987839 0.007543 61.45578); // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 50: subtle backgrounds and surfaces.
@nsw-orange-100: oklch(0.977951 0.014375 64.347922); // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 100: subtle backgrounds and surfaces.
@nsw-orange-150: oklch(0.965645 0.019381 60.174704); // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 150: subtle backgrounds and surfaces.
@nsw-orange-200: oklch(0.955039 0.025491 63.743337); // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 200: Interactive components.
@nsw-orange-250: oklch(0.936249 0.041053 64.929124); // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 250: Interactive components.
@nsw-orange-300: oklch(0.917859 0.056636 65.300646); // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 300: Interactive components.
@nsw-orange-350: oklch(0.900675 0.072472 68.034989); // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 350: Interactive components.
@nsw-orange-400: oklch(0.882019 0.087884 68.490482); // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 400: Interactive components.
@nsw-orange-450: oklch(0.829842 0.113933 61.388359); // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 450: borders, separators and icons.
@nsw-orange-500: oklch(0.778954 0.140471 55.166517); // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 500: borders, separators and icons.
@nsw-orange-550: oklch(0.72492 0.166374 48.688783); // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 550: borders, separators and icons.
@nsw-orange-600: oklch(0.674414 0.192429 42.148083); // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 600: borders, separators and icons.
@nsw-orange-650: oklch(0.613962 0.184358 39.794614); // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 650: borders, separators and icons.
@nsw-orange-700: oklch(0.55289 0.176309 37.423321); // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 700: Solid colors.
@nsw-orange-750: oklch(0.492464 0.16713 35.422254); // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 750: Solid colors.
@nsw-orange-800: oklch(0.432199 0.159379 33.02244); // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 800: Solid colors.
@nsw-orange-850: oklch(0.357475 0.135212 32.07107); // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 850: text and high emphasis.
@nsw-orange-900: oklch(0.281222 0.110671 30.651366); // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 900: text and high emphasis.
@nsw-orange-950: oklch(0.206578 0.08477 29.23388); // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 950: text and high emphasis.
@nsw-yellow-50: oklch(0.990123 0.016076 95.219322); // NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 50: subtle backgrounds and surfaces.
@nsw-yellow-100: oklch(0.983411 0.027978 95.885149); // NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 100: subtle backgrounds and surfaces.
@nsw-yellow-150: oklch(0.974866 0.038751 94.277708); // NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 150: subtle backgrounds and surfaces.
@nsw-yellow-200: oklch(0.96644 0.049432 93.383449); // NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 200: Interactive components.
@nsw-yellow-250: oklch(0.957711 0.06238 93.425567); // NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 250: Interactive components.
@nsw-yellow-300: oklch(0.948327 0.074821 94.273041); // NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 300: Interactive components.
@nsw-yellow-350: oklch(0.937977 0.086258 93.231211); // NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 350: Interactive components.
@nsw-yellow-400: oklch(0.928754 0.099044 94.038586); // NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 400: Interactive components.
@nsw-yellow-450: oklch(0.897354 0.115545 89.863426); // NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 450: borders, separators and icons.
@nsw-yellow-500: oklch(0.867379 0.133527 86.293084); // NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 500: borders, separators and icons.
@nsw-yellow-550: oklch(0.835549 0.15046 81.626951); // NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 550: borders, separators and icons.
@nsw-yellow-600: oklch(0.805038 0.167358 77.590601); // NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 600: borders, separators and icons.
@nsw-yellow-650: oklch(0.71131 0.147875 77.735972); // NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 650: borders, separators and icons.
@nsw-yellow-700: oklch(0.617531 0.128406 78.181686); // NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 700: Solid colors.
@nsw-yellow-750: oklch(0.521285 0.108602 78.157346); // NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 750: Solid colors.
@nsw-yellow-800: oklch(0.427326 0.08887 78.678822); // NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 800: Solid colors.
@nsw-yellow-850: oklch(0.351758 0.07351 77.298566); // NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 850: text and high emphasis.
@nsw-yellow-900: oklch(0.279606 0.058706 76.10848); // NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 900: text and high emphasis.
@nsw-yellow-950: oklch(0.202409 0.042946 73.773854); // NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 950: text and high emphasis.
@nsw-brown-50: oklch(0.980322 0.006204 75.407199); // NSW palette brown — accents, illustration, and data-visualisation support. Step 50: subtle backgrounds and surfaces.
@nsw-brown-100: oklch(0.96009 0.010761 76.598329); // NSW palette brown — accents, illustration, and data-visualisation support. Step 100: subtle backgrounds and surfaces.
@nsw-brown-150: oklch(0.940844 0.014842 70.884167); // NSW palette brown — accents, illustration, and data-visualisation support. Step 150: subtle backgrounds and surfaces.
@nsw-brown-200: oklch(0.92047 0.019451 72.565423); // NSW palette brown — accents, illustration, and data-visualisation support. Step 200: Interactive components.
@nsw-brown-250: oklch(0.907511 0.026415 71.174552); // NSW palette brown — accents, illustration, and data-visualisation support. Step 250: Interactive components.
@nsw-brown-300: oklch(0.895976 0.032101 73.507317); // NSW palette brown — accents, illustration, and data-visualisation support. Step 300: Interactive components.
@nsw-brown-350: oklch(0.883104 0.039083 72.324463); // NSW palette brown — accents, illustration, and data-visualisation support. Step 350: Interactive components.
@nsw-brown-400: oklch(0.87053 0.045049 70.467357); // NSW palette brown — accents, illustration, and data-visualisation support. Step 400: Interactive components.
@nsw-brown-450: oklch(0.820425 0.053636 70.701121); // NSW palette brown — accents, illustration, and data-visualisation support. Step 450: borders, separators and icons.
@nsw-brown-500: oklch(0.770788 0.063048 69.882833); // NSW palette brown — accents, illustration, and data-visualisation support. Step 500: borders, separators and icons.
@nsw-brown-550: oklch(0.719766 0.071814 69.840337); // NSW palette brown — accents, illustration, and data-visualisation support. Step 550: borders, separators and icons.
@nsw-brown-600: oklch(0.671378 0.081345 70.110363); // NSW palette brown — accents, illustration, and data-visualisation support. Step 600: borders, separators and icons.
@nsw-brown-650: oklch(0.593487 0.075855 68.942252); // NSW palette brown — accents, illustration, and data-visualisation support. Step 650: borders, separators and icons.
@nsw-brown-700: oklch(0.515306 0.06944 68.344793); // NSW palette brown — accents, illustration, and data-visualisation support. Step 700: Solid colors.
@nsw-brown-750: oklch(0.438779 0.064545 67.310247); // NSW palette brown — accents, illustration, and data-visualisation support. Step 750: Solid colors.
@nsw-brown-800: oklch(0.361361 0.058506 66.920145); // NSW palette brown — accents, illustration, and data-visualisation support. Step 800: Solid colors.
@nsw-brown-850: oklch(0.298054 0.050193 67.139028); // NSW palette brown — accents, illustration, and data-visualisation support. Step 850: text and high emphasis.
@nsw-brown-900: oklch(0.235424 0.040856 66.793394); // NSW palette brown — accents, illustration, and data-visualisation support. Step 900: text and high emphasis.
@nsw-brown-950: oklch(0.172585 0.031824 67.984068); // NSW palette brown — accents, illustration, and data-visualisation support. Step 950: text and high emphasis.
@nsw-aboriginal-grey-50: oklch(0.979613 0.001708 67.802154); // NSW Aboriginal palette grey. Step 50: subtle backgrounds and surfaces.
@nsw-aboriginal-grey-100: oklch(0.958355 0.002875 84.559036); // NSW Aboriginal palette grey. Step 100: subtle backgrounds and surfaces.
@nsw-aboriginal-grey-150: oklch(0.937258 0.002891 84.559255); // NSW Aboriginal palette grey. Step 150: subtle backgrounds and surfaces.
@nsw-aboriginal-grey-200: oklch(0.916542 0.004595 78.296868); // NSW Aboriginal palette Smoke Grey. Step 200: subtle backgrounds and surfaces.
@nsw-aboriginal-grey-250: oklch(0.895714 0.006344 75.402785); // NSW Aboriginal palette grey. Step 250: subtle backgrounds and surfaces.
@nsw-aboriginal-grey-300: oklch(0.872255 0.006037 59.639958); // NSW Aboriginal palette grey. Step 300: Interactive components.
@nsw-aboriginal-grey-350: oklch(0.851173 0.007831 61.434716); // NSW Aboriginal palette grey. Step 350: Interactive components.
@nsw-aboriginal-grey-400: oklch(0.830249 0.008721 56.288523); // NSW Aboriginal palette Ash Grey. Step 400: Interactive components.
@nsw-aboriginal-grey-450: oklch(0.734858 0.007201 53.408349); // NSW Aboriginal palette grey. Step 450: Interactive components.
@nsw-aboriginal-grey-500: oklch(0.639018 0.003881 39.468326); // NSW Aboriginal palette grey — part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone.
@nsw-aboriginal-grey-550: oklch(0.545732 0.001977 67.781807); // NSW Aboriginal palette grey. Step 550: borders and icons.
@nsw-aboriginal-grey-600: oklch(0.449533 0 0); // NSW Aboriginal palette Emu Grey. Step 600: borders and icons.
@nsw-aboriginal-grey-650: oklch(0.405398 0 0); // NSW Aboriginal palette grey. Step 650: borders and icons.
@nsw-aboriginal-grey-700: oklch(0.360023 0 0); // NSW Aboriginal palette grey. Step 700: borders and icons.
@nsw-aboriginal-grey-750: oklch(0.317136 0 0); // NSW Aboriginal palette grey. Step 750: text and high emphasis.
@nsw-aboriginal-grey-800: oklch(0.272741 0 0); // NSW Aboriginal palette Charcoal Grey. Step 800: text and high emphasis.
@nsw-aboriginal-grey-850: oklch(0.22645 0 0); // NSW Aboriginal palette grey. Step 850: text and high emphasis.
@nsw-aboriginal-grey-900: oklch(0.177638 0 0); // NSW Aboriginal palette grey. Step 900: text and high emphasis.
@nsw-aboriginal-grey-950: oklch(0.128558 0 0); // NSW Aboriginal palette grey. Step 950: text and high emphasis.
@nsw-aboriginal-red-50: oklch(0.977917 0.01075 17.340194); // NSW Aboriginal palette red. Step 50: subtle backgrounds and surfaces.
@nsw-aboriginal-red-100: oklch(0.956021 0.021805 17.540209); // NSW Aboriginal palette red. Step 100: subtle backgrounds and surfaces.
@nsw-aboriginal-red-150: oklch(0.935641 0.030896 17.717103); // NSW Aboriginal palette red. Step 150: subtle backgrounds and surfaces.
@nsw-aboriginal-red-200: oklch(0.915394 0.0402 17.910042); // NSW Aboriginal palette Galah Pink. Step 200: subtle backgrounds and surfaces.
@nsw-aboriginal-red-250: oklch(0.896228 0.050863 18.143256); // NSW Aboriginal palette red. Step 250: subtle backgrounds and surfaces.
@nsw-aboriginal-red-300: oklch(0.876091 0.060658 19.635877); // NSW Aboriginal palette red. Step 300: Interactive components.
@nsw-aboriginal-red-350: oklch(0.855637 0.072943 18.685192); // NSW Aboriginal palette red. Step 350: Interactive components.
@nsw-aboriginal-red-400: oklch(0.836037 0.083154 19.887576); // NSW Aboriginal palette Coral Pink. Step 400: Interactive components.
@nsw-aboriginal-red-450: oklch(0.772599 0.117401 22.034576); // NSW Aboriginal palette red. Step 450: Interactive components.
@nsw-aboriginal-red-500: oklch(0.710749 0.152503 24.524635); // NSW Aboriginal palette red — part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone.
@nsw-aboriginal-red-550: oklch(0.64772 0.185981 26.992016); // NSW Aboriginal palette red. Step 550: borders and icons.
@nsw-aboriginal-red-600: oklch(0.585456 0.220516 29.136139); // NSW Aboriginal palette Ember Red. Step 600: borders and icons.
@nsw-aboriginal-red-650: oklch(0.544312 0.207167 29.033171); // NSW Aboriginal palette red. Step 650: borders and icons.
@nsw-aboriginal-red-700: oklch(0.504372 0.19444 29.090046); // NSW Aboriginal palette red. Step 700: borders and icons.
@nsw-aboriginal-red-750: oklch(0.463857 0.181292 29.151502); // NSW Aboriginal palette red. Step 750: text and high emphasis.
@nsw-aboriginal-red-800: oklch(0.42441 0.168832 29.059253); // NSW Aboriginal palette Earth Red. Step 800: text and high emphasis.
@nsw-aboriginal-red-850: oklch(0.351087 0.14392 28.917784); // NSW Aboriginal palette red. Step 850: text and high emphasis.
@nsw-aboriginal-red-900: oklch(0.280004 0.1149 29.23388); // NSW Aboriginal palette red. Step 900: text and high emphasis.
@nsw-aboriginal-red-950: oklch(0.20904 0.08578 29.23388); // NSW Aboriginal palette red. Step 950: text and high emphasis.
@nsw-aboriginal-orange-50: oklch(0.973556 0.015952 58.641276); // NSW Aboriginal palette orange. Step 50: subtle backgrounds and surfaces.
@nsw-aboriginal-orange-100: oklch(0.947654 0.028075 51.846173); // NSW Aboriginal palette orange. Step 100: subtle backgrounds and surfaces.
@nsw-aboriginal-orange-150: oklch(0.922782 0.040228 53.880344); // NSW Aboriginal palette orange. Step 150: subtle backgrounds and surfaces.
@nsw-aboriginal-orange-200: oklch(0.895542 0.051085 52.555439); // NSW Aboriginal palette Sunset Orange. Step 200: subtle backgrounds and surfaces.
@nsw-aboriginal-orange-250: oklch(0.872031 0.064527 52.950639); // NSW Aboriginal palette orange. Step 250: subtle backgrounds and surfaces.
@nsw-aboriginal-orange-300: oklch(0.84704 0.078423 51.844811); // NSW Aboriginal palette orange. Step 300: Interactive components.
@nsw-aboriginal-orange-350: oklch(0.824377 0.092099 52.01177); // NSW Aboriginal palette orange. Step 350: Interactive components.
@nsw-aboriginal-orange-400: oklch(0.799158 0.105847 51.972937); // NSW Aboriginal palette Clay Orange. Step 400: Interactive components.
@nsw-aboriginal-orange-450: oklch(0.766094 0.126491 50.281467); // NSW Aboriginal palette orange. Step 450: Interactive components.
@nsw-aboriginal-orange-500: oklch(0.733244 0.147307 48.030411); // NSW Aboriginal palette orange — part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone.
@nsw-aboriginal-orange-550: oklch(0.699805 0.167547 45.94896); // NSW Aboriginal palette orange. Step 550: borders and icons.
@nsw-aboriginal-orange-600: oklch(0.666534 0.188575 43.59666); // NSW Aboriginal palette Orange Ochre. Step 600: borders and icons.
@nsw-aboriginal-orange-650: oklch(0.605157 0.176427 41.984292); // NSW Aboriginal palette orange. Step 650: borders and icons.
@nsw-aboriginal-orange-700: oklch(0.543706 0.163519 40.722838); // NSW Aboriginal palette orange. Step 700: borders and icons.
@nsw-aboriginal-orange-750: oklch(0.482528 0.151339 39.057361); // NSW Aboriginal palette orange. Step 750: text and high emphasis.
@nsw-aboriginal-orange-800: oklch(0.419873 0.139043 37.476491); // NSW Aboriginal palette Deep Orange. Step 800: text and high emphasis.
@nsw-aboriginal-orange-850: oklch(0.346307 0.117509 36.402344); // NSW Aboriginal palette orange. Step 850: text and high emphasis.
@nsw-aboriginal-orange-900: oklch(0.274179 0.096195 34.994332); // NSW Aboriginal palette orange. Step 900: text and high emphasis.
@nsw-aboriginal-orange-950: oklch(0.19945 0.074821 32.376266); // NSW Aboriginal palette orange. Step 950: text and high emphasis.
@nsw-aboriginal-brown-50: oklch(0.964567 0.015989 58.638621); // NSW Aboriginal palette brown. Step 50: subtle backgrounds and surfaces.
@nsw-aboriginal-brown-100: oklch(0.927872 0.026411 54.553798); // NSW Aboriginal palette brown. Step 100: subtle backgrounds and surfaces.
@nsw-aboriginal-brown-150: oklch(0.890008 0.037066 55.325516); // NSW Aboriginal palette brown. Step 150: subtle backgrounds and surfaces.
@nsw-aboriginal-brown-200: oklch(0.855158 0.047928 55.657964); // NSW Aboriginal palette Macadamia Brown. Step 200: subtle backgrounds and surfaces.
@nsw-aboriginal-brown-250: oklch(0.819152 0.060928 54.401987); // NSW Aboriginal palette brown. Step 250: subtle backgrounds and surfaces.
@nsw-aboriginal-brown-300: oklch(0.78428 0.072995 55.357845); // NSW Aboriginal palette brown. Step 300: Interactive components.
@nsw-aboriginal-brown-350: oklch(0.748613 0.08714 54.877732); // NSW Aboriginal palette brown. Step 350: Interactive components.
@nsw-aboriginal-brown-400: oklch(0.712508 0.099636 54.125312); // NSW Aboriginal palette Claystone Brown. Step 400: Interactive components.
@nsw-aboriginal-brown-450: oklch(0.665756 0.102275 50.954073); // NSW Aboriginal palette brown. Step 450: Interactive components.
@nsw-aboriginal-brown-500: oklch(0.620455 0.1048 48.79466); // NSW Aboriginal palette brown — part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone.
@nsw-aboriginal-brown-550: oklch(0.57171 0.107229 46.104324); // NSW Aboriginal palette brown. Step 550: borders and icons.
@nsw-aboriginal-brown-600: oklch(0.525934 0.109911 43.512384); // NSW Aboriginal palette Firewood Brown. Step 600: borders and icons.
@nsw-aboriginal-brown-650: oklch(0.474445 0.103738 43.660091); // NSW Aboriginal palette brown. Step 650: borders and icons.
@nsw-aboriginal-brown-700: oklch(0.423254 0.098571 43.417081); // NSW Aboriginal palette brown. Step 700: borders and icons.
@nsw-aboriginal-brown-750: oklch(0.372414 0.092596 44.367772); // NSW Aboriginal palette brown. Step 750: text and high emphasis.
@nsw-aboriginal-brown-800: oklch(0.320219 0.085938 44.68528); // NSW Aboriginal palette Riverbed Brown. Step 800: text and high emphasis.
@nsw-aboriginal-brown-850: oklch(0.264623 0.073691 43.721344); // NSW Aboriginal palette brown. Step 850: text and high emphasis.
@nsw-aboriginal-brown-900: oklch(0.207747 0.060107 44.309952); // NSW Aboriginal palette brown. Step 900: text and high emphasis.
@nsw-aboriginal-brown-950: oklch(0.152266 0.046833 41.010251); // NSW Aboriginal palette brown. Step 950: text and high emphasis.
@nsw-aboriginal-yellow-50: oklch(0.989602 0.018635 96.856306); // NSW Aboriginal palette yellow. Step 50: subtle backgrounds and surfaces.
@nsw-aboriginal-yellow-100: oklch(0.978269 0.032246 93.512682); // NSW Aboriginal palette yellow. Step 100: subtle backgrounds and surfaces.
@nsw-aboriginal-yellow-150: oklch(0.969312 0.045474 93.502046); // NSW Aboriginal palette yellow. Step 150: subtle backgrounds and surfaces.
@nsw-aboriginal-yellow-200: oklch(0.95835 0.058779 92.480032); // NSW Aboriginal palette Sunbeam Yellow. Step 200: subtle backgrounds and surfaces.
@nsw-aboriginal-yellow-250: oklch(0.949558 0.072703 92.938598); // NSW Aboriginal palette yellow. Step 250: subtle backgrounds and surfaces.
@nsw-aboriginal-yellow-300: oklch(0.940981 0.086217 93.231463); // NSW Aboriginal palette yellow. Step 300: Interactive components.
@nsw-aboriginal-yellow-350: oklch(0.929786 0.098167 93.219492); // NSW Aboriginal palette yellow. Step 350: Interactive components.
@nsw-aboriginal-yellow-400: oklch(0.921488 0.111616 93.481979); // NSW Aboriginal palette Golden Wattle Yellow. Step 400: Interactive components.
@nsw-aboriginal-yellow-450: oklch(0.890835 0.124269 87.387746); // NSW Aboriginal palette yellow. Step 450: Interactive components.
@nsw-aboriginal-yellow-500: oklch(0.861059 0.137541 82.135219); // NSW Aboriginal palette yellow — part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone.
@nsw-aboriginal-yellow-550: oklch(0.830545 0.150151 76.680641); // NSW Aboriginal palette yellow. Step 550: borders and icons.
@nsw-aboriginal-yellow-600: oklch(0.799616 0.162605 70.976799); // NSW Aboriginal palette Sandstone Yellow. Step 600: borders and icons.
@nsw-aboriginal-yellow-650: oklch(0.728511 0.148735 72.818047); // NSW Aboriginal palette yellow. Step 650: borders and icons.
@nsw-aboriginal-yellow-700: oklch(0.656941 0.134714 74.492339); // NSW Aboriginal palette yellow. Step 700: borders and icons.
@nsw-aboriginal-yellow-750: oklch(0.585858 0.121453 75.52775); // NSW Aboriginal palette yellow. Step 750: text and high emphasis.
@nsw-aboriginal-yellow-800: oklch(0.514668 0.107421 77.638623); // NSW Aboriginal palette Bush Honey Yellow. Step 800: text and high emphasis.
@nsw-aboriginal-yellow-850: oklch(0.425162 0.088781 77.508419); // NSW Aboriginal palette yellow. Step 850: text and high emphasis.
@nsw-aboriginal-yellow-900: oklch(0.33488 0.07099 73.957757); // NSW Aboriginal palette yellow. Step 900: text and high emphasis.
@nsw-aboriginal-yellow-950: oklch(0.245313 0.052014 73.912488); // NSW Aboriginal palette yellow. Step 950: text and high emphasis.
@nsw-aboriginal-green-50: oklch(0.977165 0.010132 131.357222); // NSW Aboriginal palette green. Step 50: subtle backgrounds and surfaces.
@nsw-aboriginal-green-100: oklch(0.955574 0.01752 131.874777); // NSW Aboriginal palette green. Step 100: subtle backgrounds and surfaces.
@nsw-aboriginal-green-150: oklch(0.931904 0.023343 131.148975); // NSW Aboriginal palette green. Step 150: subtle backgrounds and surfaces.
@nsw-aboriginal-green-200: oklch(0.91016 0.030872 131.563693); // NSW Aboriginal palette Saltbush Green. Step 200: subtle backgrounds and surfaces.
@nsw-aboriginal-green-250: oklch(0.888356 0.038472 131.850046); // NSW Aboriginal palette green. Step 250: subtle backgrounds and surfaces.
@nsw-aboriginal-green-300: oklch(0.863414 0.046179 132.075776); // NSW Aboriginal palette green. Step 300: Interactive components.
@nsw-aboriginal-green-350: oklch(0.841479 0.053915 132.266749); // NSW Aboriginal palette green. Step 350: Interactive components.
@nsw-aboriginal-green-400: oklch(0.819493 0.061704 132.440252); // NSW Aboriginal palette Gumleaf Green. Step 400: Interactive components.
@nsw-aboriginal-green-450: oklch(0.779034 0.078008 131.716965); // NSW Aboriginal palette green. Step 450: Interactive components.
@nsw-aboriginal-green-500: oklch(0.738331 0.095363 131.14891); // NSW Aboriginal palette green — part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone.
@nsw-aboriginal-green-550: oklch(0.698368 0.111626 130.536363); // NSW Aboriginal palette green. Step 550: borders and icons.
@nsw-aboriginal-green-600: oklch(0.658809 0.128909 129.573593); // NSW Aboriginal palette Marshland Lime. Step 600: borders and icons.
@nsw-aboriginal-green-650: oklch(0.597741 0.117755 135.435441); // NSW Aboriginal palette green. Step 650: borders and icons.
@nsw-aboriginal-green-700: oklch(0.53758 0.106753 140.785426); // NSW Aboriginal palette green. Step 700: borders and icons.
@nsw-aboriginal-green-750: oklch(0.474253 0.094245 146.68405); // NSW Aboriginal palette green. Step 750: text and high emphasis.
@nsw-aboriginal-green-800: oklch(0.413248 0.083694 152.251293); // NSW Aboriginal palette Bushland Green. Step 800: text and high emphasis.
@nsw-aboriginal-green-850: oklch(0.33935 0.070824 152.299914); // NSW Aboriginal palette green. Step 850: text and high emphasis.
@nsw-aboriginal-green-900: oklch(0.26844 0.058993 151.972747); // NSW Aboriginal palette green. Step 900: text and high emphasis.
@nsw-aboriginal-green-950: oklch(0.196299 0.047105 152.148349); // NSW Aboriginal palette green. Step 950: text and high emphasis.
@nsw-aboriginal-blue-50: oklch(0.972229 0.01093 211.037673); // NSW Aboriginal palette blue. Step 50: subtle backgrounds and surfaces.
@nsw-aboriginal-blue-100: oklch(0.945717 0.019454 208.752559); // NSW Aboriginal palette blue. Step 100: subtle backgrounds and surfaces.
@nsw-aboriginal-blue-150: oklch(0.917212 0.027259 211.060105); // NSW Aboriginal palette blue. Step 150: subtle backgrounds and surfaces.
@nsw-aboriginal-blue-200: oklch(0.890786 0.035649 209.821304); // NSW Aboriginal palette Coastal Blue. Step 200: subtle backgrounds and surfaces.
@nsw-aboriginal-blue-250: oklch(0.864456 0.04392 209.064626); // NSW Aboriginal palette blue. Step 250: subtle backgrounds and surfaces.
@nsw-aboriginal-blue-300: oklch(0.838252 0.052013 208.568033); // NSW Aboriginal palette blue. Step 300: Interactive components.
@nsw-aboriginal-blue-350: oklch(0.810349 0.059652 211.082852); // NSW Aboriginal palette blue. Step 350: Interactive components.
@nsw-aboriginal-blue-400: oklch(0.783944 0.068061 210.370892); // NSW Aboriginal palette Light Water Blue. Step 400: Interactive components.
@nsw-aboriginal-blue-450: oklch(0.710807 0.075929 215.877035); // NSW Aboriginal palette blue. Step 450: Interactive components.
@nsw-aboriginal-blue-500: oklch(0.635139 0.084359 223.003411); // NSW Aboriginal palette blue — part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone.
@nsw-aboriginal-blue-550: oklch(0.562541 0.092877 229.710383); // NSW Aboriginal palette blue. Step 550: borders and icons.
@nsw-aboriginal-blue-600: oklch(0.486814 0.101282 236.48206); // NSW Aboriginal palette Saltwater Blue. Step 600: borders and icons.
@nsw-aboriginal-blue-650: oklch(0.453354 0.095261 236.711605); // NSW Aboriginal palette blue. Step 650: borders and icons.
@nsw-aboriginal-blue-700: oklch(0.419192 0.089257 236.915828); // NSW Aboriginal palette blue. Step 700: borders and icons.
@nsw-aboriginal-blue-750: oklch(0.384348 0.083118 237.181984); // NSW Aboriginal palette blue. Step 750: text and high emphasis.
@nsw-aboriginal-blue-800: oklch(0.352129 0.077132 237.212654); // NSW Aboriginal palette Billabong Blue. Step 800: text and high emphasis.
@nsw-aboriginal-blue-850: oklch(0.29029 0.065293 238.901936); // NSW Aboriginal palette blue. Step 850: text and high emphasis.
@nsw-aboriginal-blue-900: oklch(0.231745 0.052298 239.104965); // NSW Aboriginal palette blue. Step 900: text and high emphasis.
@nsw-aboriginal-blue-950: oklch(0.169957 0.039922 241.439476); // NSW Aboriginal palette blue. Step 950: text and high emphasis.
@nsw-aboriginal-purple-50: oklch(0.967122 0.013295 333.038378); // NSW Aboriginal palette purple. Step 50: subtle backgrounds and surfaces.
@nsw-aboriginal-purple-100: oklch(0.935345 0.020206 330.657457); // NSW Aboriginal palette purple. Step 100: subtle backgrounds and surfaces.
@nsw-aboriginal-purple-150: oklch(0.902288 0.029739 330.945661); // NSW Aboriginal palette purple. Step 150: subtle backgrounds and surfaces.
@nsw-aboriginal-purple-200: oklch(0.871008 0.037705 331.394651); // NSW Aboriginal palette Dusk Purple. Step 200: subtle backgrounds and surfaces.
@nsw-aboriginal-purple-250: oklch(0.837696 0.047595 331.568409); // NSW Aboriginal palette purple. Step 250: subtle backgrounds and surfaces.
@nsw-aboriginal-purple-300: oklch(0.807413 0.057622 331.752813); // NSW Aboriginal palette purple. Step 300: Interactive components.
@nsw-aboriginal-purple-350: oklch(0.773962 0.067882 331.957196); // NSW Aboriginal palette purple. Step 350: Interactive components.
@nsw-aboriginal-purple-400: oklch(0.742653 0.07745 331.484775); // NSW Aboriginal palette Lilli Pilli Purple. Step 400: Interactive components.
@nsw-aboriginal-purple-450: oklch(0.698899 0.083937 331.327494); // NSW Aboriginal palette purple. Step 450: Interactive components.
@nsw-aboriginal-purple-500: oklch(0.654738 0.090602 331.227929); // NSW Aboriginal palette purple — part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone.
@nsw-aboriginal-purple-550: oklch(0.611738 0.09918 331.125122); // NSW Aboriginal palette purple. Step 550: borders and icons.
@nsw-aboriginal-purple-600: oklch(0.566952 0.106118 331.144643); // NSW Aboriginal palette Spirit Lilac. Step 600: borders and icons.
@nsw-aboriginal-purple-650: oklch(0.505299 0.096561 331.048693); // NSW Aboriginal palette purple. Step 650: borders and icons.
@nsw-aboriginal-purple-700: oklch(0.444777 0.085629 331.74633); // NSW Aboriginal palette purple. Step 700: borders and icons.
@nsw-aboriginal-purple-750: oklch(0.383951 0.076245 332.607859); // NSW Aboriginal palette purple. Step 750: text and high emphasis.
@nsw-aboriginal-purple-800: oklch(0.323017 0.065535 332.719669); // NSW Aboriginal palette Bush Plum. Step 800: text and high emphasis.
@nsw-aboriginal-purple-850: oklch(0.265091 0.056272 332.687214); // NSW Aboriginal palette purple. Step 850: text and high emphasis.
@nsw-aboriginal-purple-900: oklch(0.210078 0.044162 332.740798); // NSW Aboriginal palette purple. Step 900: text and high emphasis.
@nsw-aboriginal-purple-950: oklch(0.153982 0.036034 334.855453); // NSW Aboriginal palette purple. Step 950: text and high emphasis.
@success-50: oklch(0.97135 0.019006 140.501237); // Success state — positive outcomes, confirmations, and completed actions. Step 50: subtle backgrounds and surfaces.
@success-100: oklch(0.944414 0.03435 142.617675); // Success state — positive outcomes, confirmations, and completed actions. Step 100: subtle backgrounds and surfaces.
@success-150: oklch(0.916251 0.047557 142.315326); // Success state — positive outcomes, confirmations, and completed actions. Step 150: subtle backgrounds and surfaces.
@success-200: oklch(0.888142 0.060884 142.11755); // Success state — positive outcomes, confirmations, and completed actions. Step 200: Interactive components.
@success-250: oklch(0.831935 0.081627 142.168533); // Success state — positive outcomes, confirmations, and completed actions. Step 250: Interactive components.
@success-300: oklch(0.775209 0.103098 142.532525); // Success state — positive outcomes, confirmations, and completed actions. Step 300: Interactive components.
@success-350: oklch(0.716492 0.122642 142.635863); // Success state — positive outcomes, confirmations, and completed actions. Step 350: Interactive components.
@success-400: oklch(0.660489 0.143002 142.833374); // Success state — positive outcomes, confirmations, and completed actions. Step 400: Interactive components.
@success-450: oklch(0.633907 0.153727 142.929021); // Success state — positive outcomes, confirmations, and completed actions. Step 450: borders, separators and icons.
@success-500: oklch(0.604784 0.163709 142.769697); // Success state — positive outcomes, confirmations, and completed actions. Step 500: borders, separators and icons.
@success-550: oklch(0.57829 0.174808 142.795704); // Success state — positive outcomes, confirmations, and completed actions. Step 550: borders, separators and icons.
@success-600: oklch(0.549041 0.184944 142.800761); // Success state — positive outcomes, confirmations, and completed actions. Step 600: borders, separators and icons.
@success-650: oklch(0.478504 0.161407 142.758807); // Success state — positive outcomes, confirmations, and completed actions. Step 650: borders, separators and icons.
@success-700: oklch(0.40526 0.136911 142.712023); // Success state — positive outcomes, confirmations, and completed actions. Step 700: Solid colors.
@success-750: oklch(0.335094 0.113301 142.686907); // Success state — positive outcomes, confirmations, and completed actions. Step 750: Solid colors.
@success-800: oklch(0.26443 0.089979 142.495345); // Success state — positive outcomes, confirmations, and completed actions. Step 800: Solid colors.
@success-850: oklch(0.218312 0.074286 142.495345); // Success state — positive outcomes, confirmations, and completed actions. Step 850: text and high emphasis.
@success-900: oklch(0.173455 0.059022 142.495345); // Success state — positive outcomes, confirmations, and completed actions. Step 900: text and high emphasis.
@success-950: oklch(0.1296 0.044099 142.495345); // Success state — positive outcomes, confirmations, and completed actions. Step 950: text and high emphasis.
@warning-50: oklch(0.971893 0.01526 48.562489); // Warning state — caution and actions that need attention. Step 50: subtle backgrounds and surfaces.
@warning-100: oklch(0.946835 0.028629 45.030952); // Warning state — caution and actions that need attention. Step 100: subtle backgrounds and surfaces.
@warning-150: oklch(0.922108 0.042396 43.676216); // Warning state — caution and actions that need attention. Step 150: subtle backgrounds and surfaces.
@warning-200: oklch(0.895911 0.054446 43.945452); // Warning state — caution and actions that need attention. Step 200: Interactive components.
@warning-250: oklch(0.843843 0.073851 43.908489); // Warning state — caution and actions that need attention. Step 250: Interactive components.
@warning-300: oklch(0.791422 0.092884 44.093664); // Warning state — caution and actions that need attention. Step 300: Interactive components.
@warning-350: oklch(0.739959 0.112378 44.054533); // Warning state — caution and actions that need attention. Step 350: Interactive components.
@warning-400: oklch(0.686894 0.13202 43.712861); // Warning state — caution and actions that need attention. Step 400: Interactive components.
@warning-450: oklch(0.660361 0.141466 43.83103); // Warning state — caution and actions that need attention. Step 450: borders, separators and icons.
@warning-500: oklch(0.634409 0.150779 43.925238); // Warning state — caution and actions that need attention. Step 500: borders, separators and icons.
@warning-550: oklch(0.609132 0.159967 44.109192); // Warning state — caution and actions that need attention. Step 550: borders, separators and icons.
@warning-600: oklch(0.58333 0.169705 43.997259); // Warning state — caution and actions that need attention. Step 600: borders, separators and icons.
@warning-650: oklch(0.507151 0.15026 42.423427); // Warning state — caution and actions that need attention. Step 650: borders, separators and icons.
@warning-700: oklch(0.431173 0.130695 40.89405); // Warning state — caution and actions that need attention. Step 700: Solid colors.
@warning-750: oklch(0.354963 0.110993 39.686374); // Warning state — caution and actions that need attention. Step 750: Solid colors.
@warning-800: oklch(0.278045 0.090492 38.267541); // Warning state — caution and actions that need attention. Step 800: Solid colors.
@warning-850: oklch(0.230061 0.077034 36.983064); // Warning state — caution and actions that need attention. Step 850: text and high emphasis.
@warning-900: oklch(0.18011 0.062518 35.437897); // Warning state — caution and actions that need attention. Step 900: text and high emphasis.
@warning-950: oklch(0.132509 0.049077 32.856899); // Warning state — caution and actions that need attention. Step 950: text and high emphasis.
@danger-50: oklch(0.966669 0.016317 22.079707); // Danger state — errors and destructive or critical actions. Step 50: subtle backgrounds and surfaces.
@danger-100: oklch(0.936228 0.032074 20.106519); // Danger state — errors and destructive or critical actions. Step 100: subtle backgrounds and surfaces.
@danger-150: oklch(0.90654 0.04838 18.081137); // Danger state — errors and destructive or critical actions. Step 150: subtle backgrounds and surfaces.
@danger-200: oklch(0.875232 0.062981 18.428147); // Danger state — errors and destructive or critical actions. Step 200: Interactive components.
@danger-250: oklch(0.813013 0.084945 18.165704); // Danger state — errors and destructive or critical actions. Step 250: Interactive components.
@danger-300: oklch(0.75077 0.106785 18.43901); // Danger state — errors and destructive or critical actions. Step 300: Interactive components.
@danger-350: oklch(0.689178 0.12804 18.526045); // Danger state — errors and destructive or critical actions. Step 350: Interactive components.
@danger-400: oklch(0.62753 0.149171 18.309398); // Danger state — errors and destructive or critical actions. Step 400: Interactive components.
@danger-450: oklch(0.596213 0.160938 18.339163); // Danger state — errors and destructive or critical actions. Step 450: borders, separators and icons.
@danger-500: oklch(0.565284 0.170522 18.2478); // Danger state — errors and destructive or critical actions. Step 500: borders, separators and icons.
@danger-550: oklch(0.532839 0.182017 18.232802); // Danger state — errors and destructive or critical actions. Step 550: borders, separators and icons.
@danger-600: oklch(0.501996 0.192725 18.079135); // Danger state — errors and destructive or critical actions. Step 600: borders, separators and icons.
@danger-650: oklch(0.436904 0.169068 18.82836); // Danger state — errors and destructive or critical actions. Step 650: borders, separators and icons.
@danger-700: oklch(0.374388 0.145685 19.336218); // Danger state — errors and destructive or critical actions. Step 700: Solid colors.
@danger-750: oklch(0.30874 0.121759 19.939515); // Danger state — errors and destructive or critical actions. Step 750: Solid colors.
@danger-800: oklch(0.244464 0.098267 20.667881); // Danger state — errors and destructive or critical actions. Step 800: Solid colors.
@danger-850: oklch(0.202838 0.081665 21.65418); // Danger state — errors and destructive or critical actions. Step 850: text and high emphasis.
@danger-900: oklch(0.161611 0.065248 23.141473); // Danger state — errors and destructive or critical actions. Step 900: text and high emphasis.
@danger-950: oklch(0.120777 0.048658 22.023968); // Danger state — errors and destructive or critical actions. Step 950: text and high emphasis.
@info-50: oklch(0.947933 0.013249 262.378766); // Informational state — neutral highlights, tips, and in-progress notices. Step 50: subtle backgrounds and surfaces.
@info-100: oklch(0.894885 0.02153 259.191552); // Informational state — neutral highlights, tips, and in-progress notices. Step 100: subtle backgrounds and surfaces.
@info-150: oklch(0.84226 0.030869 260.704222); // Informational state — neutral highlights, tips, and in-progress notices. Step 150: subtle backgrounds and surfaces.
@info-200: oklch(0.788988 0.040588 261.491472); // Informational state — neutral highlights, tips, and in-progress notices. Step 200: Interactive components.
@info-250: oklch(0.732279 0.055255 262.600626); // Informational state — neutral highlights, tips, and in-progress notices. Step 250: Interactive components.
@info-300: oklch(0.676764 0.068234 261.470834); // Informational state — neutral highlights, tips, and in-progress notices. Step 300: Interactive components.
@info-350: oklch(0.619287 0.082332 262.339289); // Informational state — neutral highlights, tips, and in-progress notices. Step 350: Interactive components.
@info-400: oklch(0.564226 0.095527 262.52779); // Informational state — neutral highlights, tips, and in-progress notices. Step 400: Interactive components.
@info-450: oklch(0.535493 0.102893 262.922919); // Informational state — neutral highlights, tips, and in-progress notices. Step 450: borders, separators and icons.
@info-500: oklch(0.508435 0.109592 262.050185); // Informational state — neutral highlights, tips, and in-progress notices. Step 500: borders, separators and icons.
@info-550: oklch(0.479149 0.115698 262.137071); // Informational state — neutral highlights, tips, and in-progress notices. Step 550: borders, separators and icons.
@info-600: oklch(0.450622 0.123283 262.351496); // Informational state — neutral highlights, tips, and in-progress notices. Step 600: borders, separators and icons.
@info-650: oklch(0.390336 0.109632 262.276763); // Informational state — neutral highlights, tips, and in-progress notices. Step 650: borders, separators and icons.
@info-700: oklch(0.331327 0.095363 262.195822); // Informational state — neutral highlights, tips, and in-progress notices. Step 700: Solid colors.
@info-750: oklch(0.274244 0.081954 262.38017); // Informational state — neutral highlights, tips, and in-progress notices. Step 750: Solid colors.
@info-800: oklch(0.213923 0.06809 262.409405); // Informational state — neutral highlights, tips, and in-progress notices. Step 800: Solid colors.
@info-850: oklch(0.177247 0.057971 262.994032); // Informational state — neutral highlights, tips, and in-progress notices. Step 850: text and high emphasis.
@info-900: oklch(0.137795 0.047857 264.580497); // Informational state — neutral highlights, tips, and in-progress notices. Step 900: text and high emphasis.
@info-950: oklch(0.101112 0.036894 257.665016); // Informational state — neutral highlights, tips, and in-progress notices. Step 950: text and high emphasis.
@white: oklch(1 0 0); // Pure white — page backgrounds, content surfaces, and text on dark or solid fills.
@black: oklch(0 0 0); // Pure black — maximum-contrast text, overlays, and scrims.