Color Scheme Generator

Grays
'{{ id }}': '{{ gray.value.hex() }}',

'{{ id }}-light': '{{ tint(color.value).hex() }}',
'{{ id }}': '{{ color.value.hex() }}',
'{{ id }}-dark': '{{ shade(color.value).hex() }}',

${{ id }}: {{ gray.value.hex() }}

${{ id }}-light: {{ tint(color.value).hex() }}
${{ id }}: {{ color.value.hex() }}
${{ id }}-dark: {{ shade(color.value).hex() }}

${{ id }}: {{ gray.value.hex() }};

${{ id }}-light: {{ tint(color.value).hex() }};
${{ id }}: {{ color.value.hex() }};
${{ id }}-dark: {{ shade(color.value).hex() }};

@{{ id }}: {{ gray.value.hex() }};

@{{ id }}-light: {{ tint(color.value).hex() }};
@{{ id }}: {{ color.value.hex() }};
@{{ id }}-dark: {{ shade(color.value).hex() }};