@nsw-grey-50: rgb(250, 250, 250); // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 50: subtle backgrounds and surfaces.
@nsw-grey-100: rgb(245, 245, 245); // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 100: subtle backgrounds and surfaces.
@nsw-grey-150: rgb(240, 240, 240); // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 150: subtle backgrounds and surfaces.
@nsw-grey-200: rgb(235, 235, 235); // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 200: Interactive components.
@nsw-grey-250: rgb(227, 229, 230); // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 250: Interactive components.
@nsw-grey-300: rgb(220, 223, 224); // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 300: Interactive components.
@nsw-grey-350: rgb(212, 217, 219); // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 350: Interactive components.
@nsw-grey-400: rgb(205, 211, 214); // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 400: Interactive components.
@nsw-grey-450: rgb(170, 176, 180); // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 450: borders, separators and icons.
@nsw-grey-500: rgb(136, 143, 146); // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 500: borders, separators and icons.
@nsw-grey-550: rgb(104, 111, 114); // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 550: borders, separators and icons.
@nsw-grey-600: rgb(73, 80, 84); // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 600: borders, separators and icons.
@nsw-grey-650: rgb(63, 69, 73); // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 650: borders, separators and icons.
@nsw-grey-700: rgb(53, 59, 63); // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 700: Solid colors.
@nsw-grey-750: rgb(43, 49, 53); // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 750: Solid colors.
@nsw-grey-800: rgb(34, 39, 43); // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 800: Solid colors.
@nsw-grey-850: rgb(24, 28, 31); // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 850: text and high emphasis.
@nsw-grey-900: rgb(14, 17, 19); // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 900: text and high emphasis.
@nsw-grey-950: rgb(5, 7, 9); // Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 950: text and high emphasis.
@nsw-green-50: rgb(245, 255, 246); // 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: rgb(236, 253, 238); // 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: rgb(228, 252, 231); // 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: rgb(219, 250, 223); // NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 200: Interactive components.
@nsw-green-250: rgb(207, 247, 212); // NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 250: Interactive components.
@nsw-green-300: rgb(194, 244, 201); // NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 300: Interactive components.
@nsw-green-350: rgb(181, 240, 190); // NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 350: Interactive components.
@nsw-green-400: rgb(168, 237, 179); // NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 400: Interactive components.
@nsw-green-450: rgb(138, 220, 152); // 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: rgb(106, 204, 125); // 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: rgb(69, 187, 98); // 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: rgb(0, 170, 69); // 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: rgb(7, 142, 50); // 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: rgb(7, 115, 32); // NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 700: Solid colors.
@nsw-green-750: rgb(3, 89, 15); // NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 750: Solid colors.
@nsw-green-800: rgb(0, 64, 0); // NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 800: Solid colors.
@nsw-green-850: rgb(0, 48, 0); // 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: rgb(0, 32, 0); // 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: rgb(0, 17, 0); // 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: rgb(242, 251, 250); // NSW palette teal — accents, illustration, and data-visualisation support. Step 50: subtle backgrounds and surfaces.
@nsw-teal-100: rgb(231, 247, 245); // NSW palette teal — accents, illustration, and data-visualisation support. Step 100: subtle backgrounds and surfaces.
@nsw-teal-150: rgb(220, 242, 239); // NSW palette teal — accents, illustration, and data-visualisation support. Step 150: subtle backgrounds and surfaces.
@nsw-teal-200: rgb(209, 238, 234); // NSW palette teal — accents, illustration, and data-visualisation support. Step 200: Interactive components.
@nsw-teal-250: rgb(193, 234, 231); // NSW palette teal — accents, illustration, and data-visualisation support. Step 250: Interactive components.
@nsw-teal-300: rgb(175, 229, 229); // NSW palette teal — accents, illustration, and data-visualisation support. Step 300: Interactive components.
@nsw-teal-350: rgb(158, 224, 229); // NSW palette teal — accents, illustration, and data-visualisation support. Step 350: Interactive components.
@nsw-teal-400: rgb(140, 219, 229); // NSW palette teal — accents, illustration, and data-visualisation support. Step 400: Interactive components.
@nsw-teal-450: rgb(117, 196, 207); // NSW palette teal — accents, illustration, and data-visualisation support. Step 450: borders, separators and icons.
@nsw-teal-500: rgb(94, 172, 185); // NSW palette teal — accents, illustration, and data-visualisation support. Step 500: borders, separators and icons.
@nsw-teal-550: rgb(70, 150, 163); // NSW palette teal — accents, illustration, and data-visualisation support. Step 550: borders, separators and icons.
@nsw-teal-600: rgb(46, 128, 142); // NSW palette teal — accents, illustration, and data-visualisation support. Step 600: borders, separators and icons.
@nsw-teal-650: rgb(37, 111, 123); // NSW palette teal — accents, illustration, and data-visualisation support. Step 650: borders, separators and icons.
@nsw-teal-700: rgb(28, 95, 105); // NSW palette teal — accents, illustration, and data-visualisation support. Step 700: Solid colors.
@nsw-teal-750: rgb(20, 78, 88); // NSW palette teal — accents, illustration, and data-visualisation support. Step 750: Solid colors.
@nsw-teal-800: rgb(11, 63, 71); // NSW palette teal — accents, illustration, and data-visualisation support. Step 800: Solid colors.
@nsw-teal-850: rgb(4, 47, 53); // NSW palette teal — accents, illustration, and data-visualisation support. Step 850: text and high emphasis.
@nsw-teal-900: rgb(1, 31, 36); // NSW palette teal — accents, illustration, and data-visualisation support. Step 900: text and high emphasis.
@nsw-teal-950: rgb(0, 17, 20); // NSW palette teal — accents, illustration, and data-visualisation support. Step 950: text and high emphasis.
@nsw-blue-50: rgb(240, 251, 255); // 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: rgb(228, 246, 255); // 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: rgb(215, 242, 254); // 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: rgb(203, 237, 253); // 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: rgb(188, 234, 254); // 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: rgb(173, 231, 255); // 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: rgb(157, 227, 255); // 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: rgb(140, 224, 255); // 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: rgb(90, 201, 255); // 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: rgb(38, 174, 255); // 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: rgb(0, 143, 255); // 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: rgb(20, 108, 253); // 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: rgb(12, 90, 212); // 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: rgb(5, 72, 173); // 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: rgb(2, 54, 136); // 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: rgb(0, 38, 100); // 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: rgb(0, 26, 77); // 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: rgb(0, 16, 55); // 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: rgb(0, 6, 34); // 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: rgb(249, 247, 255); // NSW palette purple — accents, illustration, and data-visualisation support. Step 50: subtle backgrounds and surfaces.
@nsw-purple-100: rgb(242, 240, 255); // NSW palette purple — accents, illustration, and data-visualisation support. Step 100: subtle backgrounds and surfaces.
@nsw-purple-150: rgb(236, 232, 254); // NSW palette purple — accents, illustration, and data-visualisation support. Step 150: subtle backgrounds and surfaces.
@nsw-purple-200: rgb(230, 225, 253); // NSW palette purple — accents, illustration, and data-visualisation support. Step 200: Interactive components.
@nsw-purple-250: rgb(224, 217, 254); // NSW palette purple — accents, illustration, and data-visualisation support. Step 250: Interactive components.
@nsw-purple-300: rgb(218, 208, 254); // NSW palette purple — accents, illustration, and data-visualisation support. Step 300: Interactive components.
@nsw-purple-350: rgb(212, 200, 255); // NSW palette purple — accents, illustration, and data-visualisation support. Step 350: Interactive components.
@nsw-purple-400: rgb(206, 191, 255); // NSW palette purple — accents, illustration, and data-visualisation support. Step 400: Interactive components.
@nsw-purple-450: rgb(186, 166, 252); // NSW palette purple — accents, illustration, and data-visualisation support. Step 450: borders, separators and icons.
@nsw-purple-500: rgb(166, 141, 249); // NSW palette purple — accents, illustration, and data-visualisation support. Step 500: borders, separators and icons.
@nsw-purple-550: rgb(147, 114, 245); // NSW palette purple — accents, illustration, and data-visualisation support. Step 550: borders, separators and icons.
@nsw-purple-600: rgb(128, 85, 241); // NSW palette purple — accents, illustration, and data-visualisation support. Step 600: borders, separators and icons.
@nsw-purple-650: rgb(114, 67, 207); // NSW palette purple — accents, illustration, and data-visualisation support. Step 650: borders, separators and icons.
@nsw-purple-700: rgb(100, 50, 174); // NSW palette purple — accents, illustration, and data-visualisation support. Step 700: Solid colors.
@nsw-purple-750: rgb(84, 33, 142); // NSW palette purple — accents, illustration, and data-visualisation support. Step 750: Solid colors.
@nsw-purple-800: rgb(68, 17, 112); // NSW palette purple — accents, illustration, and data-visualisation support. Step 800: Solid colors.
@nsw-purple-850: rgb(51, 8, 86); // NSW palette purple — accents, illustration, and data-visualisation support. Step 850: text and high emphasis.
@nsw-purple-900: rgb(35, 2, 62); // NSW palette purple — accents, illustration, and data-visualisation support. Step 900: text and high emphasis.
@nsw-purple-950: rgb(19, 0, 39); // NSW palette purple — accents, illustration, and data-visualisation support. Step 950: text and high emphasis.
@nsw-fuchsia-50: rgb(255, 246, 253); // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 50: subtle backgrounds and surfaces.
@nsw-fuchsia-100: rgb(255, 238, 249); // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 100: subtle backgrounds and surfaces.
@nsw-fuchsia-150: rgb(254, 230, 246); // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 150: subtle backgrounds and surfaces.
@nsw-fuchsia-200: rgb(253, 222, 242); // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 200: Interactive components.
@nsw-fuchsia-250: rgb(251, 212, 239); // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 250: Interactive components.
@nsw-fuchsia-300: rgb(249, 201, 235); // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 300: Interactive components.
@nsw-fuchsia-350: rgb(247, 191, 233); // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 350: Interactive components.
@nsw-fuchsia-400: rgb(244, 181, 230); // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 400: Interactive components.
@nsw-fuchsia-450: rgb(239, 150, 218); // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 450: borders, separators and icons.
@nsw-fuchsia-500: rgb(233, 117, 204); // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 500: borders, separators and icons.
@nsw-fuchsia-550: rgb(225, 80, 190); // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 550: borders, separators and icons.
@nsw-fuchsia-600: rgb(217, 18, 174); // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 600: borders, separators and icons.
@nsw-fuchsia-650: rgb(187, 12, 148); // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 650: borders, separators and icons.
@nsw-fuchsia-700: rgb(157, 6, 123); // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 700: Solid colors.
@nsw-fuchsia-750: rgb(129, 2, 100); // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 750: Solid colors.
@nsw-fuchsia-800: rgb(101, 0, 77); // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 800: Solid colors.
@nsw-fuchsia-850: rgb(77, 0, 58); // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 850: text and high emphasis.
@nsw-fuchsia-900: rgb(55, 0, 40); // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 900: text and high emphasis.
@nsw-fuchsia-950: rgb(34, 0, 23); // NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 950: text and high emphasis.
@nsw-red-50: rgb(255, 248, 249); // 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: rgb(255, 242, 244); // 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: rgb(255, 236, 239); // 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: rgb(255, 230, 234); // 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: rgb(255, 219, 224); // 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: rgb(255, 207, 214); // 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: rgb(255, 196, 204); // 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: rgb(255, 184, 193); // 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: rgb(248, 151, 162); // 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: rgb(239, 117, 129); // 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: rgb(228, 79, 95); // 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: rgb(215, 21, 58); // 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: rgb(185, 14, 50); // 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: rgb(155, 7, 42); // 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: rgb(126, 3, 34); // 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: rgb(99, 0, 25); // 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: rgb(76, 0, 16); // 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: rgb(54, 0, 8); // 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: rgb(33, 0, 3); // 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: rgb(255, 250, 246); // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 50: subtle backgrounds and surfaces.
@nsw-orange-100: rgb(255, 246, 238); // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 100: subtle backgrounds and surfaces.
@nsw-orange-150: rgb(254, 241, 231); // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 150: subtle backgrounds and surfaces.
@nsw-orange-200: rgb(253, 237, 223); // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 200: Interactive components.
@nsw-orange-250: rgb(254, 229, 206); // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 250: Interactive components.
@nsw-orange-300: rgb(255, 221, 189); // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 300: Interactive components.
@nsw-orange-350: rgb(255, 214, 171); // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 350: Interactive components.
@nsw-orange-400: rgb(255, 206, 153); // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 400: Interactive components.
@nsw-orange-450: rgb(253, 182, 120); // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 450: borders, separators and icons.
@nsw-orange-500: rgb(251, 157, 88); // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 500: borders, separators and icons.
@nsw-orange-550: rgb(247, 129, 57); // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 550: borders, separators and icons.
@nsw-orange-600: rgb(243, 99, 27); // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 600: borders, separators and icons.
@nsw-orange-650: rgb(219, 81, 21); // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 650: borders, separators and icons.
@nsw-orange-700: rgb(195, 63, 14); // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 700: Solid colors.
@nsw-orange-750: rgb(171, 46, 6); // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 750: Solid colors.
@nsw-orange-800: rgb(148, 27, 0); // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 800: Solid colors.
@nsw-orange-850: rgb(115, 15, 0); // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 850: text and high emphasis.
@nsw-orange-900: rgb(83, 4, 0); // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 900: text and high emphasis.
@nsw-orange-950: rgb(53, 0, 0); // NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 950: text and high emphasis.
@nsw-yellow-50: rgb(255, 252, 240); // 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: rgb(255, 250, 229); // 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: rgb(255, 247, 218); // 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: rgb(255, 244, 207); // NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 200: Interactive components.
@nsw-yellow-250: rgb(255, 241, 194); // NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 250: Interactive components.
@nsw-yellow-300: rgb(254, 238, 181); // NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 300: Interactive components.
@nsw-yellow-350: rgb(254, 234, 168); // NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 350: Interactive components.
@nsw-yellow-400: rgb(253, 231, 154); // NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 400: Interactive components.
@nsw-yellow-450: rgb(251, 218, 128); // 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: rgb(250, 205, 99); // 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: rgb(250, 190, 66); // 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: rgb(250, 175, 5); // 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: rgb(212, 148, 3); // 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: rgb(175, 122, 1); // NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 700: Solid colors.
@nsw-yellow-750: rgb(139, 96, 0); // NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 750: Solid colors.
@nsw-yellow-800: rgb(105, 72, 0); // NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 800: Solid colors.
@nsw-yellow-850: rgb(80, 53, 0); // 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: rgb(57, 36, 0); // 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: rgb(34, 19, 0); // 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: rgb(251, 248, 244); // NSW palette brown — accents, illustration, and data-visualisation support. Step 50: subtle backgrounds and surfaces.
@nsw-brown-100: rgb(246, 241, 234); // NSW palette brown — accents, illustration, and data-visualisation support. Step 100: subtle backgrounds and surfaces.
@nsw-brown-150: rgb(242, 234, 225); // NSW palette brown — accents, illustration, and data-visualisation support. Step 150: subtle backgrounds and surfaces.
@nsw-brown-200: rgb(237, 227, 215); // NSW palette brown — accents, illustration, and data-visualisation support. Step 200: Interactive components.
@nsw-brown-250: rgb(236, 222, 206); // NSW palette brown — accents, illustration, and data-visualisation support. Step 250: Interactive components.
@nsw-brown-300: rgb(234, 218, 198); // NSW palette brown — accents, illustration, and data-visualisation support. Step 300: Interactive components.
@nsw-brown-350: rgb(233, 213, 189); // NSW palette brown — accents, illustration, and data-visualisation support. Step 350: Interactive components.
@nsw-brown-400: rgb(232, 208, 181); // NSW palette brown — accents, illustration, and data-visualisation support. Step 400: Interactive components.
@nsw-brown-450: rgb(219, 191, 159); // NSW palette brown — accents, illustration, and data-visualisation support. Step 450: borders, separators and icons.
@nsw-brown-500: rgb(207, 174, 137); // NSW palette brown — accents, illustration, and data-visualisation support. Step 500: borders, separators and icons.
@nsw-brown-550: rgb(194, 157, 115); // NSW palette brown — accents, illustration, and data-visualisation support. Step 550: borders, separators and icons.
@nsw-brown-600: rgb(182, 141, 93); // NSW palette brown — accents, illustration, and data-visualisation support. Step 600: borders, separators and icons.
@nsw-brown-650: rgb(156, 118, 75); // NSW palette brown — accents, illustration, and data-visualisation support. Step 650: borders, separators and icons.
@nsw-brown-700: rgb(130, 96, 58); // NSW palette brown — accents, illustration, and data-visualisation support. Step 700: Solid colors.
@nsw-brown-750: rgb(106, 75, 41); // NSW palette brown — accents, illustration, and data-visualisation support. Step 750: Solid colors.
@nsw-brown-800: rgb(82, 55, 25); // NSW palette brown — accents, illustration, and data-visualisation support. Step 800: Solid colors.
@nsw-brown-850: rgb(62, 40, 15); // NSW palette brown — accents, illustration, and data-visualisation support. Step 850: text and high emphasis.
@nsw-brown-900: rgb(43, 26, 7); // NSW palette brown — accents, illustration, and data-visualisation support. Step 900: text and high emphasis.
@nsw-brown-950: rgb(25, 13, 2); // NSW palette brown — accents, illustration, and data-visualisation support. Step 950: text and high emphasis.
@nsw-aboriginal-grey-50: rgb(249, 248, 247); // NSW Aboriginal palette grey. Step 50: subtle backgrounds and surfaces.
@nsw-aboriginal-grey-100: rgb(242, 241, 239); // NSW Aboriginal palette grey. Step 100: subtle backgrounds and surfaces.
@nsw-aboriginal-grey-150: rgb(235, 234, 232); // NSW Aboriginal palette grey. Step 150: subtle backgrounds and surfaces.
@nsw-aboriginal-grey-200: rgb(229, 227, 224); // NSW Aboriginal palette Smoke Grey. Step 200: subtle backgrounds and surfaces.
@nsw-aboriginal-grey-250: rgb(223, 220, 216); // NSW Aboriginal palette grey. Step 250: subtle backgrounds and surfaces.
@nsw-aboriginal-grey-300: rgb(216, 212, 209); // NSW Aboriginal palette grey. Step 300: Interactive components.
@nsw-aboriginal-grey-350: rgb(210, 205, 201); // NSW Aboriginal palette grey. Step 350: Interactive components.
@nsw-aboriginal-grey-400: rgb(204, 198, 194); // NSW Aboriginal palette Ash Grey. Step 400: Interactive components.
@nsw-aboriginal-grey-450: rgb(173, 168, 165); // NSW Aboriginal palette grey. Step 450: Interactive components.
@nsw-aboriginal-grey-500: rgb(142, 139, 138); // 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: rgb(113, 112, 111); // NSW Aboriginal palette grey. Step 550: borders and icons.
@nsw-aboriginal-grey-600: rgb(85, 85, 85); // NSW Aboriginal palette Emu Grey. Step 600: borders and icons.
@nsw-aboriginal-grey-650: rgb(73, 73, 73); // NSW Aboriginal palette grey. Step 650: borders and icons.
@nsw-aboriginal-grey-700: rgb(61, 61, 61); // NSW Aboriginal palette grey. Step 700: borders and icons.
@nsw-aboriginal-grey-750: rgb(50, 50, 50); // NSW Aboriginal palette grey. Step 750: text and high emphasis.
@nsw-aboriginal-grey-800: rgb(39, 39, 39); // NSW Aboriginal palette Charcoal Grey. Step 800: text and high emphasis.
@nsw-aboriginal-grey-850: rgb(28, 28, 28); // NSW Aboriginal palette grey. Step 850: text and high emphasis.
@nsw-aboriginal-grey-900: rgb(17, 17, 17); // NSW Aboriginal palette grey. Step 900: text and high emphasis.
@nsw-aboriginal-grey-950: rgb(7, 7, 7); // NSW Aboriginal palette grey. Step 950: text and high emphasis.
@nsw-aboriginal-red-50: rgb(255, 245, 245); // NSW Aboriginal palette red. Step 50: subtle backgrounds and surfaces.
@nsw-aboriginal-red-100: rgb(255, 235, 235); // NSW Aboriginal palette red. Step 100: subtle backgrounds and surfaces.
@nsw-aboriginal-red-150: rgb(254, 226, 226); // NSW Aboriginal palette red. Step 150: subtle backgrounds and surfaces.
@nsw-aboriginal-red-200: rgb(253, 217, 217); // NSW Aboriginal palette Galah Pink. Step 200: subtle backgrounds and surfaces.
@nsw-aboriginal-red-250: rgb(253, 208, 208); // NSW Aboriginal palette red. Step 250: subtle backgrounds and surfaces.
@nsw-aboriginal-red-300: rgb(252, 199, 198); // NSW Aboriginal palette red. Step 300: Interactive components.
@nsw-aboriginal-red-350: rgb(252, 189, 189); // NSW Aboriginal palette red. Step 350: Interactive components.
@nsw-aboriginal-red-400: rgb(251, 180, 179); // NSW Aboriginal palette Coral Pink. Step 400: Interactive components.
@nsw-aboriginal-red-450: rgb(247, 150, 147); // NSW Aboriginal palette red. Step 450: Interactive components.
@nsw-aboriginal-red-500: rgb(242, 119, 113); // 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: rgb(234, 85, 76); // NSW Aboriginal palette red. Step 550: borders and icons.
@nsw-aboriginal-red-600: rgb(225, 38, 28); // NSW Aboriginal palette Ember Red. Step 600: borders and icons.
@nsw-aboriginal-red-650: rgb(205, 31, 23); // NSW Aboriginal palette red. Step 650: borders and icons.
@nsw-aboriginal-red-700: rgb(186, 24, 17); // NSW Aboriginal palette red. Step 700: borders and icons.
@nsw-aboriginal-red-750: rgb(167, 17, 11); // NSW Aboriginal palette red. Step 750: text and high emphasis.
@nsw-aboriginal-red-800: rgb(149, 9, 6); // NSW Aboriginal palette Earth Red. Step 800: text and high emphasis.
@nsw-aboriginal-red-850: rgb(116, 0, 1); // NSW Aboriginal palette red. Step 850: text and high emphasis.
@nsw-aboriginal-red-900: rgb(84, 0, 0); // NSW Aboriginal palette red. Step 900: text and high emphasis.
@nsw-aboriginal-red-950: rgb(54, 0, 0); // NSW Aboriginal palette red. Step 950: text and high emphasis.
@nsw-aboriginal-orange-50: rgb(255, 244, 236); // NSW Aboriginal palette orange. Step 50: subtle backgrounds and surfaces.
@nsw-aboriginal-orange-100: rgb(254, 233, 221); // NSW Aboriginal palette orange. Step 100: subtle backgrounds and surfaces.
@nsw-aboriginal-orange-150: rgb(252, 223, 205); // NSW Aboriginal palette orange. Step 150: subtle backgrounds and surfaces.
@nsw-aboriginal-orange-200: rgb(249, 212, 190); // NSW Aboriginal palette Sunset Orange. Step 200: subtle backgrounds and surfaces.
@nsw-aboriginal-orange-250: rgb(248, 202, 174); // NSW Aboriginal palette orange. Step 250: subtle backgrounds and surfaces.
@nsw-aboriginal-orange-300: rgb(247, 191, 158); // NSW Aboriginal palette orange. Step 300: Interactive components.
@nsw-aboriginal-orange-350: rgb(246, 181, 142); // NSW Aboriginal palette orange. Step 350: Interactive components.
@nsw-aboriginal-orange-400: rgb(244, 170, 125); // NSW Aboriginal palette Clay Orange. Step 400: Interactive components.
@nsw-aboriginal-orange-450: rgb(243, 154, 102); // NSW Aboriginal palette orange. Step 450: Interactive components.
@nsw-aboriginal-orange-500: rgb(242, 137, 79); // 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: rgb(240, 119, 54); // NSW Aboriginal palette orange. Step 550: borders and icons.
@nsw-aboriginal-orange-600: rgb(238, 99, 20); // NSW Aboriginal palette Orange Ochre. Step 600: borders and icons.
@nsw-aboriginal-orange-650: rgb(212, 83, 16); // NSW Aboriginal palette orange. Step 650: borders and icons.
@nsw-aboriginal-orange-700: rgb(186, 68, 10); // NSW Aboriginal palette orange. Step 700: borders and icons.
@nsw-aboriginal-orange-750: rgb(161, 53, 5); // NSW Aboriginal palette orange. Step 750: text and high emphasis.
@nsw-aboriginal-orange-800: rgb(136, 38, 0); // NSW Aboriginal palette Deep Orange. Step 800: text and high emphasis.
@nsw-aboriginal-orange-850: rgb(105, 25, 0); // NSW Aboriginal palette orange. Step 850: text and high emphasis.
@nsw-aboriginal-orange-900: rgb(76, 13, 0); // NSW Aboriginal palette orange. Step 900: text and high emphasis.
@nsw-aboriginal-orange-950: rgb(48, 3, 0); // NSW Aboriginal palette orange. Step 950: text and high emphasis.
@nsw-aboriginal-brown-50: rgb(252, 241, 233); // NSW Aboriginal palette brown. Step 50: subtle backgrounds and surfaces.
@nsw-aboriginal-brown-100: rgb(246, 227, 215); // NSW Aboriginal palette brown. Step 100: subtle backgrounds and surfaces.
@nsw-aboriginal-brown-150: rgb(239, 213, 196); // NSW Aboriginal palette brown. Step 150: subtle backgrounds and surfaces.
@nsw-aboriginal-brown-200: rgb(233, 200, 178); // NSW Aboriginal palette Macadamia Brown. Step 200: subtle backgrounds and surfaces.
@nsw-aboriginal-brown-250: rgb(228, 186, 159); // NSW Aboriginal palette brown. Step 250: subtle backgrounds and surfaces.
@nsw-aboriginal-brown-300: rgb(222, 173, 140); // NSW Aboriginal palette brown. Step 300: Interactive components.
@nsw-aboriginal-brown-350: rgb(217, 159, 120); // NSW Aboriginal palette brown. Step 350: Interactive components.
@nsw-aboriginal-brown-400: rgb(211, 145, 101); // NSW Aboriginal palette Claystone Brown. Step 400: Interactive components.
@nsw-aboriginal-brown-450: rgb(198, 129, 88); // NSW Aboriginal palette brown. Step 450: Interactive components.
@nsw-aboriginal-brown-500: rgb(185, 114, 75); // 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: rgb(171, 98, 62); // NSW Aboriginal palette brown. Step 550: borders and icons.
@nsw-aboriginal-brown-600: rgb(158, 83, 50); // NSW Aboriginal palette Firewood Brown. Step 600: borders and icons.
@nsw-aboriginal-brown-650: rgb(139, 70, 39); // NSW Aboriginal palette brown. Step 650: borders and icons.
@nsw-aboriginal-brown-700: rgb(121, 57, 28); // NSW Aboriginal palette brown. Step 700: borders and icons.
@nsw-aboriginal-brown-750: rgb(103, 45, 16); // NSW Aboriginal palette brown. Step 750: text and high emphasis.
@nsw-aboriginal-brown-800: rgb(85, 33, 5); // NSW Aboriginal palette Riverbed Brown. Step 800: text and high emphasis.
@nsw-aboriginal-brown-850: rgb(65, 22, 2); // NSW Aboriginal palette brown. Step 850: text and high emphasis.
@nsw-aboriginal-brown-900: rgb(45, 12, 0); // NSW Aboriginal palette brown. Step 900: text and high emphasis.
@nsw-aboriginal-brown-950: rgb(27, 4, 0); // NSW Aboriginal palette brown. Step 950: text and high emphasis.
@nsw-aboriginal-yellow-50: rgb(255, 252, 238); // NSW Aboriginal palette yellow. Step 50: subtle backgrounds and surfaces.
@nsw-aboriginal-yellow-100: rgb(255, 248, 224); // NSW Aboriginal palette yellow. Step 100: subtle backgrounds and surfaces.
@nsw-aboriginal-yellow-150: rgb(255, 245, 211); // NSW Aboriginal palette yellow. Step 150: subtle backgrounds and surfaces.
@nsw-aboriginal-yellow-200: rgb(255, 241, 197); // NSW Aboriginal palette Sunbeam Yellow. Step 200: subtle backgrounds and surfaces.
@nsw-aboriginal-yellow-250: rgb(255, 238, 183); // NSW Aboriginal palette yellow. Step 250: subtle backgrounds and surfaces.
@nsw-aboriginal-yellow-300: rgb(255, 235, 169); // NSW Aboriginal palette yellow. Step 300: Interactive components.
@nsw-aboriginal-yellow-350: rgb(254, 231, 155); // NSW Aboriginal palette yellow. Step 350: Interactive components.
@nsw-aboriginal-yellow-400: rgb(254, 228, 140); // NSW Aboriginal palette Golden Wattle Yellow. Step 400: Interactive components.
@nsw-aboriginal-yellow-450: rgb(254, 214, 117); // NSW Aboriginal palette yellow. Step 450: Interactive components.
@nsw-aboriginal-yellow-500: rgb(254, 200, 93); // 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: rgb(254, 185, 68); // NSW Aboriginal palette yellow. Step 550: borders and icons.
@nsw-aboriginal-yellow-600: rgb(254, 169, 39); // NSW Aboriginal palette Sandstone Yellow. Step 600: borders and icons.
@nsw-aboriginal-yellow-650: rgb(223, 150, 28); // NSW Aboriginal palette yellow. Step 650: borders and icons.
@nsw-aboriginal-yellow-700: rgb(193, 131, 18); // NSW Aboriginal palette yellow. Step 700: borders and icons.
@nsw-aboriginal-yellow-750: rgb(165, 112, 7); // NSW Aboriginal palette yellow. Step 750: text and high emphasis.
@nsw-aboriginal-yellow-800: rgb(137, 94, 0); // NSW Aboriginal palette Bush Honey Yellow. Step 800: text and high emphasis.
@nsw-aboriginal-yellow-850: rgb(105, 71, 0); // NSW Aboriginal palette yellow. Step 850: text and high emphasis.
@nsw-aboriginal-yellow-900: rgb(76, 48, 0); // NSW Aboriginal palette yellow. Step 900: text and high emphasis.
@nsw-aboriginal-yellow-950: rgb(47, 28, 0); // NSW Aboriginal palette yellow. Step 950: text and high emphasis.
@nsw-aboriginal-green-50: rgb(245, 249, 242); // NSW Aboriginal palette green. Step 50: subtle backgrounds and surfaces.
@nsw-aboriginal-green-100: rgb(236, 243, 231); // NSW Aboriginal palette green. Step 100: subtle backgrounds and surfaces.
@nsw-aboriginal-green-150: rgb(227, 236, 220); // NSW Aboriginal palette green. Step 150: subtle backgrounds and surfaces.
@nsw-aboriginal-green-200: rgb(218, 230, 209); // NSW Aboriginal palette Saltbush Green. Step 200: subtle backgrounds and surfaces.
@nsw-aboriginal-green-250: rgb(209, 224, 198); // NSW Aboriginal palette green. Step 250: subtle backgrounds and surfaces.
@nsw-aboriginal-green-300: rgb(199, 217, 186); // NSW Aboriginal palette green. Step 300: Interactive components.
@nsw-aboriginal-green-350: rgb(190, 211, 175); // NSW Aboriginal palette green. Step 350: Interactive components.
@nsw-aboriginal-green-400: rgb(181, 205, 164); // NSW Aboriginal palette Gumleaf Green. Step 400: Interactive components.
@nsw-aboriginal-green-450: rgb(165, 194, 142); // NSW Aboriginal palette green. Step 450: Interactive components.
@nsw-aboriginal-green-500: rgb(149, 183, 119); // 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: rgb(134, 172, 96); // NSW Aboriginal palette green. Step 550: borders and icons.
@nsw-aboriginal-green-600: rgb(120, 161, 70); // NSW Aboriginal palette Marshland Lime. Step 600: borders and icons.
@nsw-aboriginal-green-650: rgb(95, 143, 68); // NSW Aboriginal palette green. Step 650: borders and icons.
@nsw-aboriginal-green-700: rgb(73, 125, 64); // NSW Aboriginal palette green. Step 700: borders and icons.
@nsw-aboriginal-green-750: rgb(52, 106, 59); // NSW Aboriginal palette green. Step 750: text and high emphasis.
@nsw-aboriginal-green-800: rgb(33, 88, 52); // NSW Aboriginal palette Bushland Green. Step 800: text and high emphasis.
@nsw-aboriginal-green-850: rgb(21, 66, 37); // NSW Aboriginal palette green. Step 850: text and high emphasis.
@nsw-aboriginal-green-900: rgb(10, 46, 23); // NSW Aboriginal palette green. Step 900: text and high emphasis.
@nsw-aboriginal-green-950: rgb(2, 27, 10); // NSW Aboriginal palette green. Step 950: text and high emphasis.
@nsw-aboriginal-blue-50: rgb(238, 248, 250); // NSW Aboriginal palette blue. Step 50: subtle backgrounds and surfaces.
@nsw-aboriginal-blue-100: rgb(223, 241, 244); // NSW Aboriginal palette blue. Step 100: subtle backgrounds and surfaces.
@nsw-aboriginal-blue-150: rgb(208, 233, 238); // NSW Aboriginal palette blue. Step 150: subtle backgrounds and surfaces.
@nsw-aboriginal-blue-200: rgb(193, 226, 232); // NSW Aboriginal palette Coastal Blue. Step 200: subtle backgrounds and surfaces.
@nsw-aboriginal-blue-250: rgb(178, 219, 226); // NSW Aboriginal palette blue. Step 250: subtle backgrounds and surfaces.
@nsw-aboriginal-blue-300: rgb(163, 212, 220); // NSW Aboriginal palette blue. Step 300: Interactive components.
@nsw-aboriginal-blue-350: rgb(148, 204, 215); // NSW Aboriginal palette blue. Step 350: Interactive components.
@nsw-aboriginal-blue-400: rgb(132, 197, 209); // NSW Aboriginal palette Light Water Blue. Step 400: Interactive components.
@nsw-aboriginal-blue-450: rgb(103, 174, 192); // NSW Aboriginal palette blue. Step 450: Interactive components.
@nsw-aboriginal-blue-500: rgb(74, 150, 176); // 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: rgb(46, 127, 161); // NSW Aboriginal palette blue. Step 550: borders and icons.
@nsw-aboriginal-blue-600: rgb(13, 103, 145); // NSW Aboriginal palette Saltwater Blue. Step 600: borders and icons.
@nsw-aboriginal-blue-650: rgb(9, 93, 132); // NSW Aboriginal palette blue. Step 650: borders and icons.
@nsw-aboriginal-blue-700: rgb(5, 83, 119); // NSW Aboriginal palette blue. Step 700: borders and icons.
@nsw-aboriginal-blue-750: rgb(2, 73, 106); // NSW Aboriginal palette blue. Step 750: text and high emphasis.
@nsw-aboriginal-blue-800: rgb(0, 64, 94); // NSW Aboriginal palette Billabong Blue. Step 800: text and high emphasis.
@nsw-aboriginal-blue-850: rgb(0, 47, 72); // NSW Aboriginal palette blue. Step 850: text and high emphasis.
@nsw-aboriginal-blue-900: rgb(0, 32, 51); // NSW Aboriginal palette blue. Step 900: text and high emphasis.
@nsw-aboriginal-blue-950: rgb(0, 17, 31); // NSW Aboriginal palette blue. Step 950: text and high emphasis.
@nsw-aboriginal-purple-50: rgb(250, 241, 248); // NSW Aboriginal palette purple. Step 50: subtle backgrounds and surfaces.
@nsw-aboriginal-purple-100: rgb(242, 229, 240); // NSW Aboriginal palette purple. Step 100: subtle backgrounds and surfaces.
@nsw-aboriginal-purple-150: rgb(235, 216, 232); // NSW Aboriginal palette purple. Step 150: subtle backgrounds and surfaces.
@nsw-aboriginal-purple-200: rgb(228, 204, 224); // NSW Aboriginal palette Dusk Purple. Step 200: subtle backgrounds and surfaces.
@nsw-aboriginal-purple-250: rgb(221, 191, 216); // NSW Aboriginal palette purple. Step 250: subtle backgrounds and surfaces.
@nsw-aboriginal-purple-300: rgb(215, 179, 209); // NSW Aboriginal palette purple. Step 300: Interactive components.
@nsw-aboriginal-purple-350: rgb(208, 166, 201); // NSW Aboriginal palette purple. Step 350: Interactive components.
@nsw-aboriginal-purple-400: rgb(201, 154, 194); // NSW Aboriginal palette Lilli Pilli Purple. Step 400: Interactive components.
@nsw-aboriginal-purple-450: rgb(189, 139, 182); // NSW Aboriginal palette purple. Step 450: Interactive components.
@nsw-aboriginal-purple-500: rgb(177, 124, 170); // 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: rgb(166, 109, 159); // NSW Aboriginal palette purple. Step 550: borders and icons.
@nsw-aboriginal-purple-600: rgb(154, 94, 147); // NSW Aboriginal palette Spirit Lilac. Step 600: borders and icons.
@nsw-aboriginal-purple-650: rgb(132, 79, 126); // NSW Aboriginal palette purple. Step 650: borders and icons.
@nsw-aboriginal-purple-700: rgb(111, 65, 105); // NSW Aboriginal palette purple. Step 700: borders and icons.
@nsw-aboriginal-purple-750: rgb(91, 51, 85); // NSW Aboriginal palette purple. Step 750: text and high emphasis.
@nsw-aboriginal-purple-800: rgb(71, 38, 66); // NSW Aboriginal palette Bush Plum. Step 800: text and high emphasis.
@nsw-aboriginal-purple-850: rgb(53, 26, 49); // NSW Aboriginal palette purple. Step 850: text and high emphasis.
@nsw-aboriginal-purple-900: rgb(36, 16, 33); // NSW Aboriginal palette purple. Step 900: text and high emphasis.
@nsw-aboriginal-purple-950: rgb(21, 6, 18); // NSW Aboriginal palette purple. Step 950: text and high emphasis.
@success-50: rgb(239, 249, 237); // Success state — positive outcomes, confirmations, and completed actions. Step 50: subtle backgrounds and surfaces.
@success-100: rgb(224, 243, 222); // Success state — positive outcomes, confirmations, and completed actions. Step 100: subtle backgrounds and surfaces.
@success-150: rgb(210, 236, 207); // Success state — positive outcomes, confirmations, and completed actions. Step 150: subtle backgrounds and surfaces.
@success-200: rgb(196, 229, 192); // Success state — positive outcomes, confirmations, and completed actions. Step 200: Interactive components.
@success-250: rgb(170, 214, 165); // Success state — positive outcomes, confirmations, and completed actions. Step 250: Interactive components.
@success-300: rgb(143, 199, 138); // Success state — positive outcomes, confirmations, and completed actions. Step 300: Interactive components.
@success-350: rgb(116, 183, 111); // Success state — positive outcomes, confirmations, and completed actions. Step 350: Interactive components.
@success-400: rgb(88, 168, 84); // Success state — positive outcomes, confirmations, and completed actions. Step 400: Interactive components.
@success-450: rgb(73, 161, 70); // Success state — positive outcomes, confirmations, and completed actions. Step 450: borders, separators and icons.
@success-500: rgb(57, 153, 54); // Success state — positive outcomes, confirmations, and completed actions. Step 500: borders, separators and icons.
@success-550: rgb(37, 146, 36); // Success state — positive outcomes, confirmations, and completed actions. Step 550: borders, separators and icons.
@success-600: rgb(0, 138, 7); // Success state — positive outcomes, confirmations, and completed actions. Step 600: borders, separators and icons.
@success-650: rgb(0, 114, 4); // Success state — positive outcomes, confirmations, and completed actions. Step 650: borders, separators and icons.
@success-700: rgb(0, 90, 2); // Success state — positive outcomes, confirmations, and completed actions. Step 700: Solid colors.
@success-750: rgb(0, 68, 1); // Success state — positive outcomes, confirmations, and completed actions. Step 750: Solid colors.
@success-800: rgb(0, 47, 0); // Success state — positive outcomes, confirmations, and completed actions. Step 800: Solid colors.
@success-850: rgb(0, 34, 0); // Success state — positive outcomes, confirmations, and completed actions. Step 850: text and high emphasis.
@success-900: rgb(0, 22, 0); // Success state — positive outcomes, confirmations, and completed actions. Step 900: text and high emphasis.
@success-950: rgb(0, 11, 0); // Success state — positive outcomes, confirmations, and completed actions. Step 950: text and high emphasis.
@warning-50: rgb(255, 243, 237); // Warning state — caution and actions that need attention. Step 50: subtle backgrounds and surfaces.
@warning-100: rgb(255, 232, 222); // Warning state — caution and actions that need attention. Step 100: subtle backgrounds and surfaces.
@warning-150: rgb(255, 221, 207); // Warning state — caution and actions that need attention. Step 150: subtle backgrounds and surfaces.
@warning-200: rgb(253, 210, 192); // Warning state — caution and actions that need attention. Step 200: Interactive components.
@warning-250: rgb(246, 189, 165); // Warning state — caution and actions that need attention. Step 250: Interactive components.
@warning-300: rgb(238, 168, 138); // Warning state — caution and actions that need attention. Step 300: Interactive components.
@warning-350: rgb(230, 147, 111); // Warning state — caution and actions that need attention. Step 350: Interactive components.
@warning-400: rgb(221, 125, 83); // Warning state — caution and actions that need attention. Step 400: Interactive components.
@warning-450: rgb(216, 114, 68); // Warning state — caution and actions that need attention. Step 450: borders, separators and icons.
@warning-500: rgb(211, 103, 52); // Warning state — caution and actions that need attention. Step 500: borders, separators and icons.
@warning-550: rgb(206, 92, 33); // Warning state — caution and actions that need attention. Step 550: borders, separators and icons.
@warning-600: rgb(201, 80, 0); // Warning state — caution and actions that need attention. Step 600: borders, separators and icons.
@warning-650: rgb(168, 63, 3); // Warning state — caution and actions that need attention. Step 650: borders, separators and icons.
@warning-700: rgb(136, 47, 3); // Warning state — caution and actions that need attention. Step 700: Solid colors.
@warning-750: rgb(105, 32, 1); // Warning state — caution and actions that need attention. Step 750: Solid colors.
@warning-800: rgb(75, 18, 0); // Warning state — caution and actions that need attention. Step 800: Solid colors.
@warning-850: rgb(57, 10, 0); // Warning state — caution and actions that need attention. Step 850: text and high emphasis.
@warning-900: rgb(39, 4, 0); // Warning state — caution and actions that need attention. Step 900: text and high emphasis.
@warning-950: rgb(23, 1, 0); // Warning state — caution and actions that need attention. Step 950: text and high emphasis.
@danger-50: rgb(255, 240, 239); // Danger state — errors and destructive or critical actions. Step 50: subtle backgrounds and surfaces.
@danger-100: rgb(255, 226, 225); // Danger state — errors and destructive or critical actions. Step 100: subtle backgrounds and surfaces.
@danger-150: rgb(255, 212, 212); // Danger state — errors and destructive or critical actions. Step 150: subtle backgrounds and surfaces.
@danger-200: rgb(253, 198, 198); // Danger state — errors and destructive or critical actions. Step 200: Interactive components.
@danger-250: rgb(244, 172, 173); // Danger state — errors and destructive or critical actions. Step 250: Interactive components.
@danger-300: rgb(234, 146, 148); // Danger state — errors and destructive or critical actions. Step 300: Interactive components.
@danger-350: rgb(223, 120, 124); // Danger state — errors and destructive or critical actions. Step 350: Interactive components.
@danger-400: rgb(211, 93, 101); // Danger state — errors and destructive or critical actions. Step 400: Interactive components.
@danger-450: rgb(205, 78, 89); // Danger state — errors and destructive or critical actions. Step 450: borders, separators and icons.
@danger-500: rgb(198, 63, 78); // Danger state — errors and destructive or critical actions. Step 500: borders, separators and icons.
@danger-550: rgb(191, 44, 66); // Danger state — errors and destructive or critical actions. Step 550: borders, separators and icons.
@danger-600: rgb(184, 18, 55); // Danger state — errors and destructive or critical actions. Step 600: borders, separators and icons.
@danger-650: rgb(153, 11, 42); // Danger state — errors and destructive or critical actions. Step 650: borders, separators and icons.
@danger-700: rgb(124, 6, 31); // Danger state — errors and destructive or critical actions. Step 700: Solid colors.
@danger-750: rgb(95, 2, 20); // Danger state — errors and destructive or critical actions. Step 750: Solid colors.
@danger-800: rgb(68, 0, 10); // Danger state — errors and destructive or critical actions. Step 800: Solid colors.
@danger-850: rgb(51, 0, 5); // Danger state — errors and destructive or critical actions. Step 850: text and high emphasis.
@danger-900: rgb(35, 0, 2); // Danger state — errors and destructive or critical actions. Step 900: text and high emphasis.
@danger-950: rgb(20, 0, 1); // Danger state — errors and destructive or critical actions. Step 950: text and high emphasis.
@info-50: rgb(233, 238, 247); // Informational state — neutral highlights, tips, and in-progress notices. Step 50: subtle backgrounds and surfaces.
@info-100: rgb(212, 221, 235); // Informational state — neutral highlights, tips, and in-progress notices. Step 100: subtle backgrounds and surfaces.
@info-150: rgb(192, 204, 224); // Informational state — neutral highlights, tips, and in-progress notices. Step 150: subtle backgrounds and surfaces.
@info-200: rgb(172, 187, 213); // Informational state — neutral highlights, tips, and in-progress notices. Step 200: Interactive components.
@info-250: rgb(150, 169, 204); // Informational state — neutral highlights, tips, and in-progress notices. Step 250: Interactive components.
@info-300: rgb(128, 152, 194); // Informational state — neutral highlights, tips, and in-progress notices. Step 300: Interactive components.
@info-350: rgb(107, 134, 184); // Informational state — neutral highlights, tips, and in-progress notices. Step 350: Interactive components.
@info-400: rgb(87, 117, 174); // Informational state — neutral highlights, tips, and in-progress notices. Step 400: Interactive components.
@info-450: rgb(77, 108, 169); // Informational state — neutral highlights, tips, and in-progress notices. Step 450: borders, separators and icons.
@info-500: rgb(66, 100, 164); // Informational state — neutral highlights, tips, and in-progress notices. Step 500: borders, separators and icons.
@info-550: rgb(56, 91, 158); // Informational state — neutral highlights, tips, and in-progress notices. Step 550: borders, separators and icons.
@info-600: rgb(46, 82, 153); // Informational state — neutral highlights, tips, and in-progress notices. Step 600: borders, separators and icons.
@info-650: rgb(35, 66, 127); // Informational state — neutral highlights, tips, and in-progress notices. Step 650: borders, separators and icons.
@info-700: rgb(25, 51, 102); // Informational state — neutral highlights, tips, and in-progress notices. Step 700: Solid colors.
@info-750: rgb(16, 37, 79); // Informational state — neutral highlights, tips, and in-progress notices. Step 750: Solid colors.
@info-800: rgb(7, 23, 56); // Informational state — neutral highlights, tips, and in-progress notices. Step 800: Solid colors.
@info-850: rgb(4, 15, 42); // Informational state — neutral highlights, tips, and in-progress notices. Step 850: text and high emphasis.
@info-900: rgb(2, 7, 28); // Informational state — neutral highlights, tips, and in-progress notices. Step 900: text and high emphasis.
@info-950: rgb(0, 3, 15); // Informational state — neutral highlights, tips, and in-progress notices. Step 950: text and high emphasis.
@white: rgb(255, 255, 255); // Pure white — page backgrounds, content surfaces, and text on dark or solid fills.
@black: rgb(0, 0, 0); // Pure black — maximum-contrast text, overlays, and scrims.