Palette: default

50 100 200 300 400 500 600 700 800 900 A100 A200 A400 A700
50 100 200 300 400 500 600 700 800 900 A100 A200 A400 A700
50 100 200 300 400 500 600 700 800 900 A100 A200 A400 A700
50 100 200 300 400 500 600 700 800 900 A100 A200 A400 A700

Palette: custom

50 100 200 300 400 500 600 700 800 900 A100 A200 A400 A700
50 100 200 300 400 500 600 700 800 900 A100 A200 A400 A700
50 100 200 300 400 500 600 700 800 900 A100 A200 A400 A700
50 100 200 300 400 500 600 700 800 900 A100 A200 A400 A700

Palette: neutral

50 100 200 300 400 500 600 700 800 900 A100 A200 A400 A700
50 100 200 300 400 500 600 700 800 900 A100 A200 A400 A700
50 100 200 300 400 500 600 700 800 900 A100 A200 A400 A700
50 100 200 300 400 500 600 700 800 900 A100 A200 A400 A700
:root {
--default-primary-50-1: {{BCD.config.palette.default.primary['50'].hex}};
--default-primary-100-1: {{BCD.config.palette.default.primary['100'].hex}};
--default-primary-200-1: {{BCD.config.palette.default.primary['200'].hex}};
--default-primary-300-1: {{BCD.config.palette.default.primary['300'].hex}};
--default-primary-400-1: {{BCD.config.palette.default.primary['400'].hex}};
--default-primary-500-1: {{BCD.config.palette.default.primary['500'].hex}};
--default-primary-600-1: {{BCD.config.palette.default.primary['600'].hex}};
--default-primary-700-1: {{BCD.config.palette.default.primary['700'].hex}};
--default-primary-800-1: {{BCD.config.palette.default.primary['800'].hex}};
--default-primary-900-1: {{BCD.config.palette.default.primary['900'].hex}};
--default-primary-A100-1: {{BCD.config.palette.default.primary['A100'].hex}};
--default-primary-A200-1: {{BCD.config.palette.default.primary['A200'].hex}};
--default-primary-A400-1: {{BCD.config.palette.default.primary['A400'].hex}};
--default-primary-A700-1: {{BCD.config.palette.default.primary['A700'].hex}};
--default-accent-50-1: {{BCD.config.palette.default.accent['50'].hex}};
--default-accent-100-1: {{BCD.config.palette.default.accent['100'].hex}};
--default-accent-200-1: {{BCD.config.palette.default.accent['200'].hex}};
--default-accent-300-1: {{BCD.config.palette.default.accent['300'].hex}};
--default-accent-400-1: {{BCD.config.palette.default.accent['400'].hex}};
--default-accent-500-1: {{BCD.config.palette.default.accent['500'].hex}};
--default-accent-600-1: {{BCD.config.palette.default.accent['600'].hex}};
--default-accent-700-1: {{BCD.config.palette.default.accent['700'].hex}};
--default-accent-800-1: {{BCD.config.palette.default.accent['800'].hex}};
--default-accent-900-1: {{BCD.config.palette.default.accent['900'].hex}};
--default-accent-A100-1: {{BCD.config.palette.default.accent['A100'].hex}};
--default-accent-A200-1: {{BCD.config.palette.default.accent['A200'].hex}};
--default-accent-A400-1: {{BCD.config.palette.default.accent['A400'].hex}};
--default-accent-A700-1: {{BCD.config.palette.default.accent['A700'].hex}};
--default-warn-50-1: {{BCD.config.palette.default.warn['50'].hex}};
--default-warn-100-1: {{BCD.config.palette.default.warn['100'].hex}};
--default-warn-200-1: {{BCD.config.palette.default.warn['200'].hex}};
--default-warn-300-1: {{BCD.config.palette.default.warn['300'].hex}};
--default-warn-400-1: {{BCD.config.palette.default.warn['400'].hex}};
--default-warn-500-1: {{BCD.config.palette.default.warn['500'].hex}};
--default-warn-600-1: {{BCD.config.palette.default.warn['600'].hex}};
--default-warn-700-1: {{BCD.config.palette.default.warn['700'].hex}};
--default-warn-800-1: {{BCD.config.palette.default.warn['800'].hex}};
--default-warn-900-1: {{BCD.config.palette.default.warn['900'].hex}};
--default-warn-A100-1: {{BCD.config.palette.default.warn['A100'].hex}};
--default-warn-A200-1: {{BCD.config.palette.default.warn['A200'].hex}};
--default-warn-A400-1: {{BCD.config.palette.default.warn['A400'].hex}};
--default-warn-A700-1: {{BCD.config.palette.default.warn['A700'].hex}};
--default-background-50-1: {{BCD.config.palette.default.background['50'].hex}};
--default-background-100-1: {{BCD.config.palette.default.background['100'].hex}};
--default-background-200-1: {{BCD.config.palette.default.background['200'].hex}};
--default-background-300-1: {{BCD.config.palette.default.background['300'].hex}};
--default-background-400-1: {{BCD.config.palette.default.background['400'].hex}};
--default-background-500-1: {{BCD.config.palette.default.background['500'].hex}};
--default-background-600-1: {{BCD.config.palette.default.background['600'].hex}};
--default-background-700-1: {{BCD.config.palette.default.background['700'].hex}};
--default-background-800-1: {{BCD.config.palette.default.background['800'].hex}};
--default-background-900-1: {{BCD.config.palette.default.background['900'].hex}};
--default-background-A100-1: {{BCD.config.palette.default.background['A100'].hex}};
--default-background-A200-1: {{BCD.config.palette.default.background['A200'].hex}};
--default-background-A400-1: {{BCD.config.palette.default.background['A400'].hex}};
--default-background-A700-1: {{BCD.config.palette.default.background['A700'].hex}};
--custom-primary-50-1: {{BCD.config.palette.custom.primary['50'].hex}};
--custom-primary-100-1: {{BCD.config.palette.custom.primary['100'].hex}};
--custom-primary-200-1: {{BCD.config.palette.custom.primary['200'].hex}};
--custom-primary-300-1: {{BCD.config.palette.custom.primary['300'].hex}};
--custom-primary-400-1: {{BCD.config.palette.custom.primary['400'].hex}};
--custom-primary-500-1: {{BCD.config.palette.custom.primary['500'].hex}};
--custom-primary-600-1: {{BCD.config.palette.custom.primary['600'].hex}};
--custom-primary-700-1: {{BCD.config.palette.custom.primary['700'].hex}};
--custom-primary-800-1: {{BCD.config.palette.custom.primary['800'].hex}};
--custom-primary-900-1: {{BCD.config.palette.custom.primary['900'].hex}};
--custom-primary-A100-1: {{BCD.config.palette.custom.primary['A100'].hex}};
--custom-primary-A200-1: {{BCD.config.palette.custom.primary['A200'].hex}};
--custom-primary-A400-1: {{BCD.config.palette.custom.primary['A400'].hex}};
--custom-primary-A700-1: {{BCD.config.palette.custom.primary['A700'].hex}};
--custom-accent-50-1: {{BCD.config.palette.custom.accent['50'].hex}};
--custom-accent-100-1: {{BCD.config.palette.custom.accent['100'].hex}};
--custom-accent-200-1: {{BCD.config.palette.custom.accent['200'].hex}};
--custom-accent-300-1: {{BCD.config.palette.custom.accent['300'].hex}};
--custom-accent-400-1: {{BCD.config.palette.custom.accent['400'].hex}};
--custom-accent-500-1: {{BCD.config.palette.custom.accent['500'].hex}};
--custom-accent-600-1: {{BCD.config.palette.custom.accent['600'].hex}};
--custom-accent-700-1: {{BCD.config.palette.custom.accent['700'].hex}};
--custom-accent-800-1: {{BCD.config.palette.custom.accent['800'].hex}};
--custom-accent-900-1: {{BCD.config.palette.custom.accent['900'].hex}};
--custom-accent-A100-1: {{BCD.config.palette.custom.accent['A100'].hex}};
--custom-accent-A200-1: {{BCD.config.palette.custom.accent['A200'].hex}};
--custom-accent-A400-1: {{BCD.config.palette.custom.accent['A400'].hex}};
--custom-accent-A700-1: {{BCD.config.palette.custom.accent['A700'].hex}};
--custom-warn-50-1: {{BCD.config.palette.custom.warn['50'].hex}};
--custom-warn-100-1: {{BCD.config.palette.custom.warn['100'].hex}};
--custom-warn-200-1: {{BCD.config.palette.custom.warn['200'].hex}};
--custom-warn-300-1: {{BCD.config.palette.custom.warn['300'].hex}};
--custom-warn-400-1: {{BCD.config.palette.custom.warn['400'].hex}};
--custom-warn-500-1: {{BCD.config.palette.custom.warn['500'].hex}};
--custom-warn-600-1: {{BCD.config.palette.custom.warn['600'].hex}};
--custom-warn-700-1: {{BCD.config.palette.custom.warn['700'].hex}};
--custom-warn-800-1: {{BCD.config.palette.custom.warn['800'].hex}};
--custom-warn-900-1: {{BCD.config.palette.custom.warn['900'].hex}};
--custom-warn-A100-1: {{BCD.config.palette.custom.warn['A100'].hex}};
--custom-warn-A200-1: {{BCD.config.palette.custom.warn['A200'].hex}};
--custom-warn-A400-1: {{BCD.config.palette.custom.warn['A400'].hex}};
--custom-warn-A700-1: {{BCD.config.palette.custom.warn['A700'].hex}};
--custom-background-50-1: {{BCD.config.palette.custom.background['50'].hex}};
--custom-background-100-1: {{BCD.config.palette.custom.background['100'].hex}};
--custom-background-200-1: {{BCD.config.palette.custom.background['200'].hex}};
--custom-background-300-1: {{BCD.config.palette.custom.background['300'].hex}};
--custom-background-400-1: {{BCD.config.palette.custom.background['400'].hex}};
--custom-background-500-1: {{BCD.config.palette.custom.background['500'].hex}};
--custom-background-600-1: {{BCD.config.palette.custom.background['600'].hex}};
--custom-background-700-1: {{BCD.config.palette.custom.background['700'].hex}};
--custom-background-800-1: {{BCD.config.palette.custom.background['800'].hex}};
--custom-background-900-1: {{BCD.config.palette.custom.background['900'].hex}};
--custom-background-A100-1: {{BCD.config.palette.custom.background['A100'].hex}};
--custom-background-A200-1: {{BCD.config.palette.custom.background['A200'].hex}};
--custom-background-A400-1: {{BCD.config.palette.custom.background['A400'].hex}};
--custom-background-A700-1: {{BCD.config.palette.custom.background['A700'].hex}};
--neutral-primary-50-1: {{BCD.config.palette.neutral.primary['50'].hex}};
--neutral-primary-100-1: {{BCD.config.palette.neutral.primary['100'].hex}};
--neutral-primary-200-1: {{BCD.config.palette.neutral.primary['200'].hex}};
--neutral-primary-300-1: {{BCD.config.palette.neutral.primary['300'].hex}};
--neutral-primary-400-1: {{BCD.config.palette.neutral.primary['400'].hex}};
--neutral-primary-500-1: {{BCD.config.palette.neutral.primary['500'].hex}};
--neutral-primary-600-1: {{BCD.config.palette.neutral.primary['600'].hex}};
--neutral-primary-700-1: {{BCD.config.palette.neutral.primary['700'].hex}};
--neutral-primary-800-1: {{BCD.config.palette.neutral.primary['800'].hex}};
--neutral-primary-900-1: {{BCD.config.palette.neutral.primary['900'].hex}};
--neutral-primary-A100-1: {{BCD.config.palette.neutral.primary['A100'].hex}};
--neutral-primary-A200-1: {{BCD.config.palette.neutral.primary['A200'].hex}};
--neutral-primary-A400-1: {{BCD.config.palette.neutral.primary['A400'].hex}};
--neutral-primary-A700-1: {{BCD.config.palette.neutral.primary['A700'].hex}};
--neutral-accent-50-1: {{BCD.config.palette.neutral.accent['50'].hex}};
--neutral-accent-100-1: {{BCD.config.palette.neutral.accent['100'].hex}};
--neutral-accent-200-1: {{BCD.config.palette.neutral.accent['200'].hex}};
--neutral-accent-300-1: {{BCD.config.palette.neutral.accent['300'].hex}};
--neutral-accent-400-1: {{BCD.config.palette.neutral.accent['400'].hex}};
--neutral-accent-500-1: {{BCD.config.palette.neutral.accent['500'].hex}};
--neutral-accent-600-1: {{BCD.config.palette.neutral.accent['600'].hex}};
--neutral-accent-700-1: {{BCD.config.palette.neutral.accent['700'].hex}};
--neutral-accent-800-1: {{BCD.config.palette.neutral.accent['800'].hex}};
--neutral-accent-900-1: {{BCD.config.palette.neutral.accent['900'].hex}};
--neutral-accent-A100-1: {{BCD.config.palette.neutral.accent['A100'].hex}};
--neutral-accent-A200-1: {{BCD.config.palette.neutral.accent['A200'].hex}};
--neutral-accent-A400-1: {{BCD.config.palette.neutral.accent['A400'].hex}};
--neutral-accent-A700-1: {{BCD.config.palette.neutral.accent['A700'].hex}};
--neutral-warn-50-1: {{BCD.config.palette.neutral.warn['50'].hex}};
--neutral-warn-100-1: {{BCD.config.palette.neutral.warn['100'].hex}};
--neutral-warn-200-1: {{BCD.config.palette.neutral.warn['200'].hex}};
--neutral-warn-300-1: {{BCD.config.palette.neutral.warn['300'].hex}};
--neutral-warn-400-1: {{BCD.config.palette.neutral.warn['400'].hex}};
--neutral-warn-500-1: {{BCD.config.palette.neutral.warn['500'].hex}};
--neutral-warn-600-1: {{BCD.config.palette.neutral.warn['600'].hex}};
--neutral-warn-700-1: {{BCD.config.palette.neutral.warn['700'].hex}};
--neutral-warn-800-1: {{BCD.config.palette.neutral.warn['800'].hex}};
--neutral-warn-900-1: {{BCD.config.palette.neutral.warn['900'].hex}};
--neutral-warn-A100-1: {{BCD.config.palette.neutral.warn['A100'].hex}};
--neutral-warn-A200-1: {{BCD.config.palette.neutral.warn['A200'].hex}};
--neutral-warn-A400-1: {{BCD.config.palette.neutral.warn['A400'].hex}};
--neutral-warn-A700-1: {{BCD.config.palette.neutral.warn['A700'].hex}};
--neutral-background-50-1: {{BCD.config.palette.neutral.background['50'].hex}};
--neutral-background-100-1: {{BCD.config.palette.neutral.background['100'].hex}};
--neutral-background-200-1: {{BCD.config.palette.neutral.background['200'].hex}};
--neutral-background-300-1: {{BCD.config.palette.neutral.background['300'].hex}};
--neutral-background-400-1: {{BCD.config.palette.neutral.background['400'].hex}};
--neutral-background-500-1: {{BCD.config.palette.neutral.background['500'].hex}};
--neutral-background-600-1: {{BCD.config.palette.neutral.background['600'].hex}};
--neutral-background-700-1: {{BCD.config.palette.neutral.background['700'].hex}};
--neutral-background-800-1: {{BCD.config.palette.neutral.background['800'].hex}};
--neutral-background-900-1: {{BCD.config.palette.neutral.background['900'].hex}};
--neutral-background-A100-1: {{BCD.config.palette.neutral.background['A100'].hex}};
--neutral-background-A200-1: {{BCD.config.palette.neutral.background['A200'].hex}};
--neutral-background-A400-1: {{BCD.config.palette.neutral.background['A400'].hex}};
--neutral-background-A700-1: {{BCD.config.palette.neutral.background['A700'].hex}};
}

Garage75

Garage 75