@nsw-grey-50: #fafafa; // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 50: subtle backgrounds and surfaces.
@nsw-grey-100: #f5f5f5; // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 100: subtle backgrounds and surfaces.
@nsw-grey-150: #f0f0f0; // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 150: subtle backgrounds and surfaces.
@nsw-grey-200: #ebebeb; // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 200: Interactive components.
@nsw-grey-250: #e3e5e6; // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 250: Interactive components.
@nsw-grey-300: #dcdfe0; // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 300: Interactive components.
@nsw-grey-350: #d4d9db; // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 350: Interactive components.
@nsw-grey-400: #cdd3d6; // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 400: Interactive components.
@nsw-grey-450: #aab0b4; // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 450: borders, separators and icons.
@nsw-grey-500: #888f92; // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 500: borders, separators and icons.
@nsw-grey-550: #686f72; // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 550: borders, separators and icons.
@nsw-grey-600: #495054; // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 600: borders, separators and icons.
@nsw-grey-650: #3f4549; // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 650: borders, separators and icons.
@nsw-grey-700: #353b3f; // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 700: Solid colors.
@nsw-grey-750: #2b3135; // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 750: Solid colors.
@nsw-grey-800: #22272b; // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 800: Solid colors.
@nsw-grey-850: #181c1f; // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 850: text and high emphasis.
@nsw-grey-900: #0e1113; // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 900: text and high emphasis.
@nsw-grey-950: #050709; // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 950: text and high emphasis.
@nsw-green-50: #f5fff6; // 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: #ecfdee; // 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: #e4fce7; // 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: #dbfadf; // NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 200: Interactive components.
@nsw-green-250: #cff7d4; // NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 250: Interactive components.
@nsw-green-300: #c2f4c9; // NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 300: Interactive components.
@nsw-green-350: #b5f0be; // NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 350: Interactive components.
@nsw-green-400: #a8edb3; // NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 400: Interactive components.
@nsw-green-450: #8adc98; // 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: #6acc7d; // 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: #45bb62; // 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: #00aa45; // 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: #078e32; // 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: #077320; // NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 700: Solid colors.
@nsw-green-750: #03590f; // NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 750: Solid colors.
@nsw-green-800: #004000; // NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 800: Solid colors.
@nsw-green-850: #003000; // 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: #002000; // 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: #001100; // 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: #f2fbfa; // NSW palette teal — accents, illustration, and data-visualisation support. Step 50: subtle backgrounds and surfaces.
@nsw-teal-100: #e7f7f5; // NSW palette teal — accents, illustration, and data-visualisation support. Step 100: subtle backgrounds and surfaces.
@nsw-teal-150: #dcf2ef; // NSW palette teal — accents, illustration, and data-visualisation support. Step 150: subtle backgrounds and surfaces.
@nsw-teal-200: #d1eeea; // NSW palette teal — accents, illustration, and data-visualisation support. Step 200: Interactive components.
@nsw-teal-250: #c1eae7; // NSW palette teal — accents, illustration, and data-visualisation support. Step 250: Interactive components.
@nsw-teal-300: #afe5e5; // NSW palette teal — accents, illustration, and data-visualisation support. Step 300: Interactive components.
@nsw-teal-350: #9ee0e5; // NSW palette teal — accents, illustration, and data-visualisation support. Step 350: Interactive components.
@nsw-teal-400: #8cdbe5; // NSW palette teal — accents, illustration, and data-visualisation support. Step 400: Interactive components.
@nsw-teal-450: #75c4cf; // NSW palette teal — accents, illustration, and data-visualisation support. Step 450: borders, separators and icons.
@nsw-teal-500: #5eacb9; // NSW palette teal — accents, illustration, and data-visualisation support. Step 500: borders, separators and icons.
@nsw-teal-550: #4696a3; // NSW palette teal — accents, illustration, and data-visualisation support. Step 550: borders, separators and icons.
@nsw-teal-600: #2e808e; // NSW palette teal — accents, illustration, and data-visualisation support. Step 600: borders, separators and icons.
@nsw-teal-650: #256f7b; // NSW palette teal — accents, illustration, and data-visualisation support. Step 650: borders, separators and icons.
@nsw-teal-700: #1c5f69; // NSW palette teal — accents, illustration, and data-visualisation support. Step 700: Solid colors.
@nsw-teal-750: #144e58; // NSW palette teal — accents, illustration, and data-visualisation support. Step 750: Solid colors.
@nsw-teal-800: #0b3f47; // NSW palette teal — accents, illustration, and data-visualisation support. Step 800: Solid colors.
@nsw-teal-850: #042f35; // NSW palette teal — accents, illustration, and data-visualisation support. Step 850: text and high emphasis.
@nsw-teal-900: #011f24; // NSW palette teal — accents, illustration, and data-visualisation support. Step 900: text and high emphasis.
@nsw-teal-950: #001114; // NSW palette teal — accents, illustration, and data-visualisation support. Step 950: text and high emphasis.
@nsw-blue-50: #f0fbff; // 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: #e4f6ff; // 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: #d7f2fe; // 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: #cbedfd; // 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: #bceafe; // 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: #ade7ff; // 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: #9de3ff; // 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: #8ce0ff; // 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: #5ac9ff; // 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: #26aeff; // 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: #008fff; // 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: #146cfd; // 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: #0c5ad4; // 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: #0548ad; // 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: #023688; // 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: #002664; // 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: #001a4d; // 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: #001037; // 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: #000622; // 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: #f9f7ff; // NSW palette purple — accents, illustration, and data-visualisation support. Step 50: subtle backgrounds and surfaces.
@nsw-purple-100: #f2f0ff; // NSW palette purple — accents, illustration, and data-visualisation support. Step 100: subtle backgrounds and surfaces.
@nsw-purple-150: #ece8fe; // NSW palette purple — accents, illustration, and data-visualisation support. Step 150: subtle backgrounds and surfaces.
@nsw-purple-200: #e6e1fd; // NSW palette purple — accents, illustration, and data-visualisation support. Step 200: Interactive components.
@nsw-purple-250: #e0d9fe; // NSW palette purple — accents, illustration, and data-visualisation support. Step 250: Interactive components.
@nsw-purple-300: #dad0fe; // NSW palette purple — accents, illustration, and data-visualisation support. Step 300: Interactive components.
@nsw-purple-350: #d4c8ff; // NSW palette purple — accents, illustration, and data-visualisation support. Step 350: Interactive components.
@nsw-purple-400: #cebfff; // NSW palette purple — accents, illustration, and data-visualisation support. Step 400: Interactive components.
@nsw-purple-450: #baa6fc; // NSW palette purple — accents, illustration, and data-visualisation support. Step 450: borders, separators and icons.
@nsw-purple-500: #a68df9; // NSW palette purple — accents, illustration, and data-visualisation support. Step 500: borders, separators and icons.
@nsw-purple-550: #9372f5; // NSW palette purple — accents, illustration, and data-visualisation support. Step 550: borders, separators and icons.
@nsw-purple-600: #8055f1; // NSW palette purple — accents, illustration, and data-visualisation support. Step 600: borders, separators and icons.
@nsw-purple-650: #7243cf; // NSW palette purple — accents, illustration, and data-visualisation support. Step 650: borders, separators and icons.
@nsw-purple-700: #6432ae; // NSW palette purple — accents, illustration, and data-visualisation support. Step 700: Solid colors.
@nsw-purple-750: #54218e; // NSW palette purple — accents, illustration, and data-visualisation support. Step 750: Solid colors.
@nsw-purple-800: #441170; // NSW palette purple — accents, illustration, and data-visualisation support. Step 800: Solid colors.
@nsw-purple-850: #330856; // NSW palette purple — accents, illustration, and data-visualisation support. Step 850: text and high emphasis.
@nsw-purple-900: #23023e; // NSW palette purple — accents, illustration, and data-visualisation support. Step 900: text and high emphasis.
@nsw-purple-950: #130027; // NSW palette purple — accents, illustration, and data-visualisation support. Step 950: text and high emphasis.
@nsw-fuchsia-50: #fff6fd; // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 50: subtle backgrounds and surfaces.
@nsw-fuchsia-100: #ffeef9; // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 100: subtle backgrounds and surfaces.
@nsw-fuchsia-150: #fee6f6; // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 150: subtle backgrounds and surfaces.
@nsw-fuchsia-200: #fddef2; // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 200: Interactive components.
@nsw-fuchsia-250: #fbd4ef; // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 250: Interactive components.
@nsw-fuchsia-300: #f9c9eb; // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 300: Interactive components.
@nsw-fuchsia-350: #f7bfe9; // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 350: Interactive components.
@nsw-fuchsia-400: #f4b5e6; // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 400: Interactive components.
@nsw-fuchsia-450: #ef96da; // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 450: borders, separators and icons.
@nsw-fuchsia-500: #e975cc; // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 500: borders, separators and icons.
@nsw-fuchsia-550: #e150be; // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 550: borders, separators and icons.
@nsw-fuchsia-600: #d912ae; // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 600: borders, separators and icons.
@nsw-fuchsia-650: #bb0c94; // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 650: borders, separators and icons.
@nsw-fuchsia-700: #9d067b; // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 700: Solid colors.
@nsw-fuchsia-750: #810264; // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 750: Solid colors.
@nsw-fuchsia-800: #65004d; // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 800: Solid colors.
@nsw-fuchsia-850: #4d003a; // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 850: text and high emphasis.
@nsw-fuchsia-900: #370028; // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 900: text and high emphasis.
@nsw-fuchsia-950: #220017; // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 950: text and high emphasis.
@nsw-red-50: #fff8f9; // 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: #fff2f4; // 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: #ffecef; // 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: #ffe6ea; // 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: #ffdbe0; // 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: #ffcfd6; // 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: #ffc4cc; // 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: #ffb8c1; // 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: #f897a2; // 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: #ef7581; // 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: #e44f5f; // 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: #d7153a; // 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: #b90e32; // 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: #9b072a; // 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: #7e0322; // 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: #630019; // 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: #4c0010; // 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: #360008; // 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: #210003; // 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: #fffaf6; // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 50: subtle backgrounds and surfaces.
@nsw-orange-100: #fff6ee; // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 100: subtle backgrounds and surfaces.
@nsw-orange-150: #fef1e7; // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 150: subtle backgrounds and surfaces.
@nsw-orange-200: #fdeddf; // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 200: Interactive components.
@nsw-orange-250: #fee5ce; // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 250: Interactive components.
@nsw-orange-300: #ffddbd; // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 300: Interactive components.
@nsw-orange-350: #ffd6ab; // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 350: Interactive components.
@nsw-orange-400: #ffce99; // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 400: Interactive components.
@nsw-orange-450: #fdb678; // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 450: borders, separators and icons.
@nsw-orange-500: #fb9d58; // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 500: borders, separators and icons.
@nsw-orange-550: #f78139; // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 550: borders, separators and icons.
@nsw-orange-600: #f3631b; // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 600: borders, separators and icons.
@nsw-orange-650: #db5115; // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 650: borders, separators and icons.
@nsw-orange-700: #c33f0e; // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 700: Solid colors.
@nsw-orange-750: #ab2e06; // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 750: Solid colors.
@nsw-orange-800: #941b00; // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 800: Solid colors.
@nsw-orange-850: #730f00; // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 850: text and high emphasis.
@nsw-orange-900: #530400; // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 900: text and high emphasis.
@nsw-orange-950: #350000; // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 950: text and high emphasis.
@nsw-yellow-50: #fffcf0; // 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: #fffae5; // 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: #fff7da; // 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: #fff4cf; // NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 200: Interactive components.
@nsw-yellow-250: #fff1c2; // NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 250: Interactive components.
@nsw-yellow-300: #feeeb5; // NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 300: Interactive components.
@nsw-yellow-350: #feeaa8; // NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 350: Interactive components.
@nsw-yellow-400: #fde79a; // NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 400: Interactive components.
@nsw-yellow-450: #fbda80; // 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: #facd63; // 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: #fabe42; // 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: #faaf05; // 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: #d49403; // 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: #af7a01; // NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 700: Solid colors.
@nsw-yellow-750: #8b6000; // NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 750: Solid colors.
@nsw-yellow-800: #694800; // NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 800: Solid colors.
@nsw-yellow-850: #503500; // 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: #392400; // 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: #221300; // 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: #fbf8f4; // NSW palette brown — accents, illustration, and data-visualisation support. Step 50: subtle backgrounds and surfaces.
@nsw-brown-100: #f6f1ea; // NSW palette brown — accents, illustration, and data-visualisation support. Step 100: subtle backgrounds and surfaces.
@nsw-brown-150: #f2eae1; // NSW palette brown — accents, illustration, and data-visualisation support. Step 150: subtle backgrounds and surfaces.
@nsw-brown-200: #ede3d7; // NSW palette brown — accents, illustration, and data-visualisation support. Step 200: Interactive components.
@nsw-brown-250: #ecdece; // NSW palette brown — accents, illustration, and data-visualisation support. Step 250: Interactive components.
@nsw-brown-300: #eadac6; // NSW palette brown — accents, illustration, and data-visualisation support. Step 300: Interactive components.
@nsw-brown-350: #e9d5bd; // NSW palette brown — accents, illustration, and data-visualisation support. Step 350: Interactive components.
@nsw-brown-400: #e8d0b5; // NSW palette brown — accents, illustration, and data-visualisation support. Step 400: Interactive components.
@nsw-brown-450: #dbbf9f; // NSW palette brown — accents, illustration, and data-visualisation support. Step 450: borders, separators and icons.
@nsw-brown-500: #cfae89; // NSW palette brown — accents, illustration, and data-visualisation support. Step 500: borders, separators and icons.
@nsw-brown-550: #c29d73; // NSW palette brown — accents, illustration, and data-visualisation support. Step 550: borders, separators and icons.
@nsw-brown-600: #b68d5d; // NSW palette brown — accents, illustration, and data-visualisation support. Step 600: borders, separators and icons.
@nsw-brown-650: #9c764b; // NSW palette brown — accents, illustration, and data-visualisation support. Step 650: borders, separators and icons.
@nsw-brown-700: #82603a; // NSW palette brown — accents, illustration, and data-visualisation support. Step 700: Solid colors.
@nsw-brown-750: #6a4b29; // NSW palette brown — accents, illustration, and data-visualisation support. Step 750: Solid colors.
@nsw-brown-800: #523719; // NSW palette brown — accents, illustration, and data-visualisation support. Step 800: Solid colors.
@nsw-brown-850: #3e280f; // NSW palette brown — accents, illustration, and data-visualisation support. Step 850: text and high emphasis.
@nsw-brown-900: #2b1a07; // NSW palette brown — accents, illustration, and data-visualisation support. Step 900: text and high emphasis.
@nsw-brown-950: #190d02; // NSW palette brown — accents, illustration, and data-visualisation support. Step 950: text and high emphasis.
@nsw-aboriginal-grey-50: #f9f8f7; // NSW Aboriginal palette grey. Step 50: subtle backgrounds and surfaces.
@nsw-aboriginal-grey-100: #f2f1ef; // NSW Aboriginal palette grey. Step 100: subtle backgrounds and surfaces.
@nsw-aboriginal-grey-150: #ebeae8; // NSW Aboriginal palette grey. Step 150: subtle backgrounds and surfaces.
@nsw-aboriginal-grey-200: #e5e3e0; // NSW Aboriginal palette Smoke Grey. Step 200: subtle backgrounds and surfaces.
@nsw-aboriginal-grey-250: #dfdcd8; // NSW Aboriginal palette grey. Step 250: subtle backgrounds and surfaces.
@nsw-aboriginal-grey-300: #d8d4d1; // NSW Aboriginal palette grey. Step 300: Interactive components.
@nsw-aboriginal-grey-350: #d2cdc9; // NSW Aboriginal palette grey. Step 350: Interactive components.
@nsw-aboriginal-grey-400: #ccc6c2; // NSW Aboriginal palette Ash Grey. Step 400: Interactive components.
@nsw-aboriginal-grey-450: #ada8a5; // NSW Aboriginal palette grey. Step 450: Interactive components.
@nsw-aboriginal-grey-500: #8e8b8a; // 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: #71706f; // NSW Aboriginal palette grey. Step 550: borders and icons.
@nsw-aboriginal-grey-600: #555555; // NSW Aboriginal palette Emu Grey. Step 600: borders and icons.
@nsw-aboriginal-grey-650: #494949; // NSW Aboriginal palette grey. Step 650: borders and icons.
@nsw-aboriginal-grey-700: #3d3d3d; // NSW Aboriginal palette grey. Step 700: borders and icons.
@nsw-aboriginal-grey-750: #323232; // NSW Aboriginal palette grey. Step 750: text and high emphasis.
@nsw-aboriginal-grey-800: #272727; // NSW Aboriginal palette Charcoal Grey. Step 800: text and high emphasis.
@nsw-aboriginal-grey-850: #1c1c1c; // NSW Aboriginal palette grey. Step 850: text and high emphasis.
@nsw-aboriginal-grey-900: #111111; // NSW Aboriginal palette grey. Step 900: text and high emphasis.
@nsw-aboriginal-grey-950: #070707; // NSW Aboriginal palette grey. Step 950: text and high emphasis.
@nsw-aboriginal-red-50: #fff5f5; // NSW Aboriginal palette red. Step 50: subtle backgrounds and surfaces.
@nsw-aboriginal-red-100: #ffebeb; // NSW Aboriginal palette red. Step 100: subtle backgrounds and surfaces.
@nsw-aboriginal-red-150: #fee2e2; // NSW Aboriginal palette red. Step 150: subtle backgrounds and surfaces.
@nsw-aboriginal-red-200: #fdd9d9; // NSW Aboriginal palette Galah Pink. Step 200: subtle backgrounds and surfaces.
@nsw-aboriginal-red-250: #fdd0d0; // NSW Aboriginal palette red. Step 250: subtle backgrounds and surfaces.
@nsw-aboriginal-red-300: #fcc7c6; // NSW Aboriginal palette red. Step 300: Interactive components.
@nsw-aboriginal-red-350: #fcbdbd; // NSW Aboriginal palette red. Step 350: Interactive components.
@nsw-aboriginal-red-400: #fbb4b3; // NSW Aboriginal palette Coral Pink. Step 400: Interactive components.
@nsw-aboriginal-red-450: #f79693; // NSW Aboriginal palette red. Step 450: Interactive components.
@nsw-aboriginal-red-500: #f27771; // 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: #ea554c; // NSW Aboriginal palette red. Step 550: borders and icons.
@nsw-aboriginal-red-600: #e1261c; // NSW Aboriginal palette Ember Red. Step 600: borders and icons.
@nsw-aboriginal-red-650: #cd1f17; // NSW Aboriginal palette red. Step 650: borders and icons.
@nsw-aboriginal-red-700: #ba1811; // NSW Aboriginal palette red. Step 700: borders and icons.
@nsw-aboriginal-red-750: #a7110b; // NSW Aboriginal palette red. Step 750: text and high emphasis.
@nsw-aboriginal-red-800: #950906; // NSW Aboriginal palette Earth Red. Step 800: text and high emphasis.
@nsw-aboriginal-red-850: #740001; // NSW Aboriginal palette red. Step 850: text and high emphasis.
@nsw-aboriginal-red-900: #540000; // NSW Aboriginal palette red. Step 900: text and high emphasis.
@nsw-aboriginal-red-950: #360000; // NSW Aboriginal palette red. Step 950: text and high emphasis.
@nsw-aboriginal-orange-50: #fff4ec; // NSW Aboriginal palette orange. Step 50: subtle backgrounds and surfaces.
@nsw-aboriginal-orange-100: #fee9dd; // NSW Aboriginal palette orange. Step 100: subtle backgrounds and surfaces.
@nsw-aboriginal-orange-150: #fcdfcd; // NSW Aboriginal palette orange. Step 150: subtle backgrounds and surfaces.
@nsw-aboriginal-orange-200: #f9d4be; // NSW Aboriginal palette Sunset Orange. Step 200: subtle backgrounds and surfaces.
@nsw-aboriginal-orange-250: #f8caae; // NSW Aboriginal palette orange. Step 250: subtle backgrounds and surfaces.
@nsw-aboriginal-orange-300: #f7bf9e; // NSW Aboriginal palette orange. Step 300: Interactive components.
@nsw-aboriginal-orange-350: #f6b58e; // NSW Aboriginal palette orange. Step 350: Interactive components.
@nsw-aboriginal-orange-400: #f4aa7d; // NSW Aboriginal palette Clay Orange. Step 400: Interactive components.
@nsw-aboriginal-orange-450: #f39a66; // NSW Aboriginal palette orange. Step 450: Interactive components.
@nsw-aboriginal-orange-500: #f2894f; // 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: #f07736; // NSW Aboriginal palette orange. Step 550: borders and icons.
@nsw-aboriginal-orange-600: #ee6314; // NSW Aboriginal palette Orange Ochre. Step 600: borders and icons.
@nsw-aboriginal-orange-650: #d45310; // NSW Aboriginal palette orange. Step 650: borders and icons.
@nsw-aboriginal-orange-700: #ba440a; // NSW Aboriginal palette orange. Step 700: borders and icons.
@nsw-aboriginal-orange-750: #a13505; // NSW Aboriginal palette orange. Step 750: text and high emphasis.
@nsw-aboriginal-orange-800: #882600; // NSW Aboriginal palette Deep Orange. Step 800: text and high emphasis.
@nsw-aboriginal-orange-850: #691900; // NSW Aboriginal palette orange. Step 850: text and high emphasis.
@nsw-aboriginal-orange-900: #4c0d00; // NSW Aboriginal palette orange. Step 900: text and high emphasis.
@nsw-aboriginal-orange-950: #300300; // NSW Aboriginal palette orange. Step 950: text and high emphasis.
@nsw-aboriginal-brown-50: #fcf1e9; // NSW Aboriginal palette brown. Step 50: subtle backgrounds and surfaces.
@nsw-aboriginal-brown-100: #f6e3d7; // NSW Aboriginal palette brown. Step 100: subtle backgrounds and surfaces.
@nsw-aboriginal-brown-150: #efd5c4; // NSW Aboriginal palette brown. Step 150: subtle backgrounds and surfaces.
@nsw-aboriginal-brown-200: #e9c8b2; // NSW Aboriginal palette Macadamia Brown. Step 200: subtle backgrounds and surfaces.
@nsw-aboriginal-brown-250: #e4ba9f; // NSW Aboriginal palette brown. Step 250: subtle backgrounds and surfaces.
@nsw-aboriginal-brown-300: #dead8c; // NSW Aboriginal palette brown. Step 300: Interactive components.
@nsw-aboriginal-brown-350: #d99f78; // NSW Aboriginal palette brown. Step 350: Interactive components.
@nsw-aboriginal-brown-400: #d39165; // NSW Aboriginal palette Claystone Brown. Step 400: Interactive components.
@nsw-aboriginal-brown-450: #c68158; // NSW Aboriginal palette brown. Step 450: Interactive components.
@nsw-aboriginal-brown-500: #b9724b; // 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: #ab623e; // NSW Aboriginal palette brown. Step 550: borders and icons.
@nsw-aboriginal-brown-600: #9e5332; // NSW Aboriginal palette Firewood Brown. Step 600: borders and icons.
@nsw-aboriginal-brown-650: #8b4627; // NSW Aboriginal palette brown. Step 650: borders and icons.
@nsw-aboriginal-brown-700: #79391c; // NSW Aboriginal palette brown. Step 700: borders and icons.
@nsw-aboriginal-brown-750: #672d10; // NSW Aboriginal palette brown. Step 750: text and high emphasis.
@nsw-aboriginal-brown-800: #552105; // NSW Aboriginal palette Riverbed Brown. Step 800: text and high emphasis.
@nsw-aboriginal-brown-850: #411602; // NSW Aboriginal palette brown. Step 850: text and high emphasis.
@nsw-aboriginal-brown-900: #2d0c00; // NSW Aboriginal palette brown. Step 900: text and high emphasis.
@nsw-aboriginal-brown-950: #1b0400; // NSW Aboriginal palette brown. Step 950: text and high emphasis.
@nsw-aboriginal-yellow-50: #fffcee; // NSW Aboriginal palette yellow. Step 50: subtle backgrounds and surfaces.
@nsw-aboriginal-yellow-100: #fff8e0; // NSW Aboriginal palette yellow. Step 100: subtle backgrounds and surfaces.
@nsw-aboriginal-yellow-150: #fff5d3; // NSW Aboriginal palette yellow. Step 150: subtle backgrounds and surfaces.
@nsw-aboriginal-yellow-200: #fff1c5; // NSW Aboriginal palette Sunbeam Yellow. Step 200: subtle backgrounds and surfaces.
@nsw-aboriginal-yellow-250: #ffeeb7; // NSW Aboriginal palette yellow. Step 250: subtle backgrounds and surfaces.
@nsw-aboriginal-yellow-300: #ffeba9; // NSW Aboriginal palette yellow. Step 300: Interactive components.
@nsw-aboriginal-yellow-350: #fee79b; // NSW Aboriginal palette yellow. Step 350: Interactive components.
@nsw-aboriginal-yellow-400: #fee48c; // NSW Aboriginal palette Golden Wattle Yellow. Step 400: Interactive components.
@nsw-aboriginal-yellow-450: #fed675; // NSW Aboriginal palette yellow. Step 450: Interactive components.
@nsw-aboriginal-yellow-500: #fec85d; // 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: #feb944; // NSW Aboriginal palette yellow. Step 550: borders and icons.
@nsw-aboriginal-yellow-600: #fea927; // NSW Aboriginal palette Sandstone Yellow. Step 600: borders and icons.
@nsw-aboriginal-yellow-650: #df961c; // NSW Aboriginal palette yellow. Step 650: borders and icons.
@nsw-aboriginal-yellow-700: #c18312; // NSW Aboriginal palette yellow. Step 700: borders and icons.
@nsw-aboriginal-yellow-750: #a57007; // NSW Aboriginal palette yellow. Step 750: text and high emphasis.
@nsw-aboriginal-yellow-800: #895e00; // NSW Aboriginal palette Bush Honey Yellow. Step 800: text and high emphasis.
@nsw-aboriginal-yellow-850: #694700; // NSW Aboriginal palette yellow. Step 850: text and high emphasis.
@nsw-aboriginal-yellow-900: #4c3000; // NSW Aboriginal palette yellow. Step 900: text and high emphasis.
@nsw-aboriginal-yellow-950: #2f1c00; // NSW Aboriginal palette yellow. Step 950: text and high emphasis.
@nsw-aboriginal-green-50: #f5f9f2; // NSW Aboriginal palette green. Step 50: subtle backgrounds and surfaces.
@nsw-aboriginal-green-100: #ecf3e7; // NSW Aboriginal palette green. Step 100: subtle backgrounds and surfaces.
@nsw-aboriginal-green-150: #e3ecdc; // NSW Aboriginal palette green. Step 150: subtle backgrounds and surfaces.
@nsw-aboriginal-green-200: #dae6d1; // NSW Aboriginal palette Saltbush Green. Step 200: subtle backgrounds and surfaces.
@nsw-aboriginal-green-250: #d1e0c6; // NSW Aboriginal palette green. Step 250: subtle backgrounds and surfaces.
@nsw-aboriginal-green-300: #c7d9ba; // NSW Aboriginal palette green. Step 300: Interactive components.
@nsw-aboriginal-green-350: #bed3af; // NSW Aboriginal palette green. Step 350: Interactive components.
@nsw-aboriginal-green-400: #b5cda4; // NSW Aboriginal palette Gumleaf Green. Step 400: Interactive components.
@nsw-aboriginal-green-450: #a5c28e; // NSW Aboriginal palette green. Step 450: Interactive components.
@nsw-aboriginal-green-500: #95b777; // 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: #86ac60; // NSW Aboriginal palette green. Step 550: borders and icons.
@nsw-aboriginal-green-600: #78a146; // NSW Aboriginal palette Marshland Lime. Step 600: borders and icons.
@nsw-aboriginal-green-650: #5f8f44; // NSW Aboriginal palette green. Step 650: borders and icons.
@nsw-aboriginal-green-700: #497d40; // NSW Aboriginal palette green. Step 700: borders and icons.
@nsw-aboriginal-green-750: #346a3b; // NSW Aboriginal palette green. Step 750: text and high emphasis.
@nsw-aboriginal-green-800: #215834; // NSW Aboriginal palette Bushland Green. Step 800: text and high emphasis.
@nsw-aboriginal-green-850: #154225; // NSW Aboriginal palette green. Step 850: text and high emphasis.
@nsw-aboriginal-green-900: #0a2e17; // NSW Aboriginal palette green. Step 900: text and high emphasis.
@nsw-aboriginal-green-950: #021b0a; // NSW Aboriginal palette green. Step 950: text and high emphasis.
@nsw-aboriginal-blue-50: #eef8fa; // NSW Aboriginal palette blue. Step 50: subtle backgrounds and surfaces.
@nsw-aboriginal-blue-100: #dff1f4; // NSW Aboriginal palette blue. Step 100: subtle backgrounds and surfaces.
@nsw-aboriginal-blue-150: #d0e9ee; // NSW Aboriginal palette blue. Step 150: subtle backgrounds and surfaces.
@nsw-aboriginal-blue-200: #c1e2e8; // NSW Aboriginal palette Coastal Blue. Step 200: subtle backgrounds and surfaces.
@nsw-aboriginal-blue-250: #b2dbe2; // NSW Aboriginal palette blue. Step 250: subtle backgrounds and surfaces.
@nsw-aboriginal-blue-300: #a3d4dc; // NSW Aboriginal palette blue. Step 300: Interactive components.
@nsw-aboriginal-blue-350: #94ccd7; // NSW Aboriginal palette blue. Step 350: Interactive components.
@nsw-aboriginal-blue-400: #84c5d1; // NSW Aboriginal palette Light Water Blue. Step 400: Interactive components.
@nsw-aboriginal-blue-450: #67aec0; // NSW Aboriginal palette blue. Step 450: Interactive components.
@nsw-aboriginal-blue-500: #4a96b0; // 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: #2e7fa1; // NSW Aboriginal palette blue. Step 550: borders and icons.
@nsw-aboriginal-blue-600: #0d6791; // NSW Aboriginal palette Saltwater Blue. Step 600: borders and icons.
@nsw-aboriginal-blue-650: #095d84; // NSW Aboriginal palette blue. Step 650: borders and icons.
@nsw-aboriginal-blue-700: #055377; // NSW Aboriginal palette blue. Step 700: borders and icons.
@nsw-aboriginal-blue-750: #02496a; // NSW Aboriginal palette blue. Step 750: text and high emphasis.
@nsw-aboriginal-blue-800: #00405e; // NSW Aboriginal palette Billabong Blue. Step 800: text and high emphasis.
@nsw-aboriginal-blue-850: #002f48; // NSW Aboriginal palette blue. Step 850: text and high emphasis.
@nsw-aboriginal-blue-900: #002033; // NSW Aboriginal palette blue. Step 900: text and high emphasis.
@nsw-aboriginal-blue-950: #00111f; // NSW Aboriginal palette blue. Step 950: text and high emphasis.
@nsw-aboriginal-purple-50: #faf1f8; // NSW Aboriginal palette purple. Step 50: subtle backgrounds and surfaces.
@nsw-aboriginal-purple-100: #f2e5f0; // NSW Aboriginal palette purple. Step 100: subtle backgrounds and surfaces.
@nsw-aboriginal-purple-150: #ebd8e8; // NSW Aboriginal palette purple. Step 150: subtle backgrounds and surfaces.
@nsw-aboriginal-purple-200: #e4cce0; // NSW Aboriginal palette Dusk Purple. Step 200: subtle backgrounds and surfaces.
@nsw-aboriginal-purple-250: #ddbfd8; // NSW Aboriginal palette purple. Step 250: subtle backgrounds and surfaces.
@nsw-aboriginal-purple-300: #d7b3d1; // NSW Aboriginal palette purple. Step 300: Interactive components.
@nsw-aboriginal-purple-350: #d0a6c9; // NSW Aboriginal palette purple. Step 350: Interactive components.
@nsw-aboriginal-purple-400: #c99ac2; // NSW Aboriginal palette Lilli Pilli Purple. Step 400: Interactive components.
@nsw-aboriginal-purple-450: #bd8bb6; // NSW Aboriginal palette purple. Step 450: Interactive components.
@nsw-aboriginal-purple-500: #b17caa; // 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: #a66d9f; // NSW Aboriginal palette purple. Step 550: borders and icons.
@nsw-aboriginal-purple-600: #9a5e93; // NSW Aboriginal palette Spirit Lilac. Step 600: borders and icons.
@nsw-aboriginal-purple-650: #844f7e; // NSW Aboriginal palette purple. Step 650: borders and icons.
@nsw-aboriginal-purple-700: #6f4169; // NSW Aboriginal palette purple. Step 700: borders and icons.
@nsw-aboriginal-purple-750: #5b3355; // NSW Aboriginal palette purple. Step 750: text and high emphasis.
@nsw-aboriginal-purple-800: #472642; // NSW Aboriginal palette Bush Plum. Step 800: text and high emphasis.
@nsw-aboriginal-purple-850: #351a31; // NSW Aboriginal palette purple. Step 850: text and high emphasis.
@nsw-aboriginal-purple-900: #241021; // NSW Aboriginal palette purple. Step 900: text and high emphasis.
@nsw-aboriginal-purple-950: #150612; // NSW Aboriginal palette purple. Step 950: text and high emphasis.
@success-50: #eff9ed; // Success state — positive outcomes, confirmations, and completed actions. Step 50: subtle backgrounds and surfaces.
@success-100: #e0f3de; // Success state — positive outcomes, confirmations, and completed actions. Step 100: subtle backgrounds and surfaces.
@success-150: #d2eccf; // Success state — positive outcomes, confirmations, and completed actions. Step 150: subtle backgrounds and surfaces.
@success-200: #c4e5c0; // Success state — positive outcomes, confirmations, and completed actions. Step 200: Interactive components.
@success-250: #aad6a5; // Success state — positive outcomes, confirmations, and completed actions. Step 250: Interactive components.
@success-300: #8fc78a; // Success state — positive outcomes, confirmations, and completed actions. Step 300: Interactive components.
@success-350: #74b76f; // Success state — positive outcomes, confirmations, and completed actions. Step 350: Interactive components.
@success-400: #58a854; // Success state — positive outcomes, confirmations, and completed actions. Step 400: Interactive components.
@success-450: #49a146; // Success state — positive outcomes, confirmations, and completed actions. Step 450: borders, separators and icons.
@success-500: #399936; // Success state — positive outcomes, confirmations, and completed actions. Step 500: borders, separators and icons.
@success-550: #259224; // Success state — positive outcomes, confirmations, and completed actions. Step 550: borders, separators and icons.
@success-600: #008a07; // Success state — positive outcomes, confirmations, and completed actions. Step 600: borders, separators and icons.
@success-650: #007204; // Success state — positive outcomes, confirmations, and completed actions. Step 650: borders, separators and icons.
@success-700: #005a02; // Success state — positive outcomes, confirmations, and completed actions. Step 700: Solid colors.
@success-750: #004401; // Success state — positive outcomes, confirmations, and completed actions. Step 750: Solid colors.
@success-800: #002f00; // Success state — positive outcomes, confirmations, and completed actions. Step 800: Solid colors.
@success-850: #002200; // Success state — positive outcomes, confirmations, and completed actions. Step 850: text and high emphasis.
@success-900: #001600; // Success state — positive outcomes, confirmations, and completed actions. Step 900: text and high emphasis.
@success-950: #000b00; // Success state — positive outcomes, confirmations, and completed actions. Step 950: text and high emphasis.
@warning-50: #fff3ed; // Warning state — caution and actions that need attention. Step 50: subtle backgrounds and surfaces.
@warning-100: #ffe8de; // Warning state — caution and actions that need attention. Step 100: subtle backgrounds and surfaces.
@warning-150: #ffddcf; // Warning state — caution and actions that need attention. Step 150: subtle backgrounds and surfaces.
@warning-200: #fdd2c0; // Warning state — caution and actions that need attention. Step 200: Interactive components.
@warning-250: #f6bda5; // Warning state — caution and actions that need attention. Step 250: Interactive components.
@warning-300: #eea88a; // Warning state — caution and actions that need attention. Step 300: Interactive components.
@warning-350: #e6936f; // Warning state — caution and actions that need attention. Step 350: Interactive components.
@warning-400: #dd7d53; // Warning state — caution and actions that need attention. Step 400: Interactive components.
@warning-450: #d87244; // Warning state — caution and actions that need attention. Step 450: borders, separators and icons.
@warning-500: #d36734; // Warning state — caution and actions that need attention. Step 500: borders, separators and icons.
@warning-550: #ce5c21; // Warning state — caution and actions that need attention. Step 550: borders, separators and icons.
@warning-600: #c95000; // Warning state — caution and actions that need attention. Step 600: borders, separators and icons.
@warning-650: #a83f03; // Warning state — caution and actions that need attention. Step 650: borders, separators and icons.
@warning-700: #882f03; // Warning state — caution and actions that need attention. Step 700: Solid colors.
@warning-750: #692001; // Warning state — caution and actions that need attention. Step 750: Solid colors.
@warning-800: #4b1200; // Warning state — caution and actions that need attention. Step 800: Solid colors.
@warning-850: #390a00; // Warning state — caution and actions that need attention. Step 850: text and high emphasis.
@warning-900: #270400; // Warning state — caution and actions that need attention. Step 900: text and high emphasis.
@warning-950: #170100; // Warning state — caution and actions that need attention. Step 950: text and high emphasis.
@danger-50: #fff0ef; // Danger state — errors and destructive or critical actions. Step 50: subtle backgrounds and surfaces.
@danger-100: #ffe2e1; // Danger state — errors and destructive or critical actions. Step 100: subtle backgrounds and surfaces.
@danger-150: #ffd4d4; // Danger state — errors and destructive or critical actions. Step 150: subtle backgrounds and surfaces.
@danger-200: #fdc6c6; // Danger state — errors and destructive or critical actions. Step 200: Interactive components.
@danger-250: #f4acad; // Danger state — errors and destructive or critical actions. Step 250: Interactive components.
@danger-300: #ea9294; // Danger state — errors and destructive or critical actions. Step 300: Interactive components.
@danger-350: #df787c; // Danger state — errors and destructive or critical actions. Step 350: Interactive components.
@danger-400: #d35d65; // Danger state — errors and destructive or critical actions. Step 400: Interactive components.
@danger-450: #cd4e59; // Danger state — errors and destructive or critical actions. Step 450: borders, separators and icons.
@danger-500: #c63f4e; // Danger state — errors and destructive or critical actions. Step 500: borders, separators and icons.
@danger-550: #bf2c42; // Danger state — errors and destructive or critical actions. Step 550: borders, separators and icons.
@danger-600: #b81237; // Danger state — errors and destructive or critical actions. Step 600: borders, separators and icons.
@danger-650: #990b2a; // Danger state — errors and destructive or critical actions. Step 650: borders, separators and icons.
@danger-700: #7c061f; // Danger state — errors and destructive or critical actions. Step 700: Solid colors.
@danger-750: #5f0214; // Danger state — errors and destructive or critical actions. Step 750: Solid colors.
@danger-800: #44000a; // Danger state — errors and destructive or critical actions. Step 800: Solid colors.
@danger-850: #330005; // Danger state — errors and destructive or critical actions. Step 850: text and high emphasis.
@danger-900: #230002; // Danger state — errors and destructive or critical actions. Step 900: text and high emphasis.
@danger-950: #140001; // Danger state — errors and destructive or critical actions. Step 950: text and high emphasis.
@info-50: #e9eef7; // Informational state — neutral highlights, tips, and in-progress notices. Step 50: subtle backgrounds and surfaces.
@info-100: #d4ddeb; // Informational state — neutral highlights, tips, and in-progress notices. Step 100: subtle backgrounds and surfaces.
@info-150: #c0cce0; // Informational state — neutral highlights, tips, and in-progress notices. Step 150: subtle backgrounds and surfaces.
@info-200: #acbbd5; // Informational state — neutral highlights, tips, and in-progress notices. Step 200: Interactive components.
@info-250: #96a9cc; // Informational state — neutral highlights, tips, and in-progress notices. Step 250: Interactive components.
@info-300: #8098c2; // Informational state — neutral highlights, tips, and in-progress notices. Step 300: Interactive components.
@info-350: #6b86b8; // Informational state — neutral highlights, tips, and in-progress notices. Step 350: Interactive components.
@info-400: #5775ae; // Informational state — neutral highlights, tips, and in-progress notices. Step 400: Interactive components.
@info-450: #4d6ca9; // Informational state — neutral highlights, tips, and in-progress notices. Step 450: borders, separators and icons.
@info-500: #4264a4; // Informational state — neutral highlights, tips, and in-progress notices. Step 500: borders, separators and icons.
@info-550: #385b9e; // Informational state — neutral highlights, tips, and in-progress notices. Step 550: borders, separators and icons.
@info-600: #2e5299; // Informational state — neutral highlights, tips, and in-progress notices. Step 600: borders, separators and icons.
@info-650: #23427f; // Informational state — neutral highlights, tips, and in-progress notices. Step 650: borders, separators and icons.
@info-700: #193366; // Informational state — neutral highlights, tips, and in-progress notices. Step 700: Solid colors.
@info-750: #10254f; // Informational state — neutral highlights, tips, and in-progress notices. Step 750: Solid colors.
@info-800: #071738; // Informational state — neutral highlights, tips, and in-progress notices. Step 800: Solid colors.
@info-850: #040f2a; // Informational state — neutral highlights, tips, and in-progress notices. Step 850: text and high emphasis.
@info-900: #02071c; // Informational state — neutral highlights, tips, and in-progress notices. Step 900: text and high emphasis.
@info-950: #00030f; // Informational state — neutral highlights, tips, and in-progress notices. Step 950: text and high emphasis.
@white: #ffffff; // Pure white — page backgrounds, content surfaces, and text on dark or solid fills.
@black: #000000; // Pure black — maximum-contrast text, overlays, and scrims.