1 Color themes
1.1 Scheme "default-contrast-a".
Scheme "default" and scheme "contrast" "a"
Default contrast a background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-contrast-a-accent'></span>
<span class='color-sample bg-default-contrast-a-accent-dark'></span>
<span class='color-sample bg-default-contrast-a-accent-light'></span>
<span class='color-sample bg-default-contrast-a-accent-soft'></span>
<span class='color-sample bg-default-contrast-a-dominant'></span>
<span class='color-sample bg-default-contrast-a-dominant-dark'></span>
<span class='color-sample bg-default-contrast-a-dominant-light'></span>
<span class='color-sample bg-default-contrast-a-dominant-soft'></span>
<span class='color-sample bg-default-contrast-a-sub-accent'></span>
<span class='color-sample bg-default-contrast-a-sub-accent-dark'></span>
<span class='color-sample bg-default-contrast-a-sub-accent-light'></span>
<span class='color-sample bg-default-contrast-a-sub-accent-soft'></span>
<span class='color-sample bg-default-contrast-a-sub-dominant'></span>
<span class='color-sample bg-default-contrast-a-sub-dominant-dark'></span>
<span class='color-sample bg-default-contrast-a-sub-dominant-light'></span>
<span class='color-sample bg-default-contrast-a-sub-dominant-soft'></span>
</span>
1.2 Scheme "default-contrast-b".
Scheme "default" and scheme "contrast" "b"
Default contrast b background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-contrast-b-accent'></span>
<span class='color-sample bg-default-contrast-b-accent-dark'></span>
<span class='color-sample bg-default-contrast-b-accent-light'></span>
<span class='color-sample bg-default-contrast-b-accent-soft'></span>
<span class='color-sample bg-default-contrast-b-dominant'></span>
<span class='color-sample bg-default-contrast-b-dominant-dark'></span>
<span class='color-sample bg-default-contrast-b-dominant-light'></span>
<span class='color-sample bg-default-contrast-b-dominant-soft'></span>
<span class='color-sample bg-default-contrast-b-sub-accent'></span>
<span class='color-sample bg-default-contrast-b-sub-accent-dark'></span>
<span class='color-sample bg-default-contrast-b-sub-accent-light'></span>
<span class='color-sample bg-default-contrast-b-sub-accent-soft'></span>
<span class='color-sample bg-default-contrast-b-sub-dominant'></span>
<span class='color-sample bg-default-contrast-b-sub-dominant-dark'></span>
<span class='color-sample bg-default-contrast-b-sub-dominant-light'></span>
<span class='color-sample bg-default-contrast-b-sub-dominant-soft'></span>
</span>
1.3 Scheme "default-contrast-c".
Scheme "default" and scheme "contrast" "c"
Default contrast c background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-contrast-c-accent'></span>
<span class='color-sample bg-default-contrast-c-accent-dark'></span>
<span class='color-sample bg-default-contrast-c-accent-light'></span>
<span class='color-sample bg-default-contrast-c-accent-soft'></span>
<span class='color-sample bg-default-contrast-c-dominant'></span>
<span class='color-sample bg-default-contrast-c-dominant-dark'></span>
<span class='color-sample bg-default-contrast-c-dominant-light'></span>
<span class='color-sample bg-default-contrast-c-dominant-soft'></span>
<span class='color-sample bg-default-contrast-c-sub-accent'></span>
<span class='color-sample bg-default-contrast-c-sub-accent-dark'></span>
<span class='color-sample bg-default-contrast-c-sub-accent-light'></span>
<span class='color-sample bg-default-contrast-c-sub-accent-soft'></span>
<span class='color-sample bg-default-contrast-c-sub-dominant'></span>
<span class='color-sample bg-default-contrast-c-sub-dominant-dark'></span>
<span class='color-sample bg-default-contrast-c-sub-dominant-light'></span>
<span class='color-sample bg-default-contrast-c-sub-dominant-soft'></span>
</span>
1.4 Scheme "default-contrast-d".
Scheme "default" and scheme "contrast" "d"
Default contrast d background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-contrast-d-accent'></span>
<span class='color-sample bg-default-contrast-d-accent-dark'></span>
<span class='color-sample bg-default-contrast-d-accent-light'></span>
<span class='color-sample bg-default-contrast-d-accent-soft'></span>
<span class='color-sample bg-default-contrast-d-dominant'></span>
<span class='color-sample bg-default-contrast-d-dominant-dark'></span>
<span class='color-sample bg-default-contrast-d-dominant-light'></span>
<span class='color-sample bg-default-contrast-d-dominant-soft'></span>
<span class='color-sample bg-default-contrast-d-sub-accent'></span>
<span class='color-sample bg-default-contrast-d-sub-accent-dark'></span>
<span class='color-sample bg-default-contrast-d-sub-accent-light'></span>
<span class='color-sample bg-default-contrast-d-sub-accent-soft'></span>
<span class='color-sample bg-default-contrast-d-sub-dominant'></span>
<span class='color-sample bg-default-contrast-d-sub-dominant-dark'></span>
<span class='color-sample bg-default-contrast-d-sub-dominant-light'></span>
<span class='color-sample bg-default-contrast-d-sub-dominant-soft'></span>
</span>
1.5 Scheme "default-contrast-e".
Scheme "default" and scheme "contrast" "e"
Default contrast e background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-contrast-e-accent'></span>
<span class='color-sample bg-default-contrast-e-accent-dark'></span>
<span class='color-sample bg-default-contrast-e-accent-light'></span>
<span class='color-sample bg-default-contrast-e-accent-soft'></span>
<span class='color-sample bg-default-contrast-e-dominant'></span>
<span class='color-sample bg-default-contrast-e-dominant-dark'></span>
<span class='color-sample bg-default-contrast-e-dominant-light'></span>
<span class='color-sample bg-default-contrast-e-dominant-soft'></span>
<span class='color-sample bg-default-contrast-e-sub-accent'></span>
<span class='color-sample bg-default-contrast-e-sub-accent-dark'></span>
<span class='color-sample bg-default-contrast-e-sub-accent-light'></span>
<span class='color-sample bg-default-contrast-e-sub-accent-soft'></span>
<span class='color-sample bg-default-contrast-e-sub-dominant'></span>
<span class='color-sample bg-default-contrast-e-sub-dominant-dark'></span>
<span class='color-sample bg-default-contrast-e-sub-dominant-light'></span>
<span class='color-sample bg-default-contrast-e-sub-dominant-soft'></span>
</span>
1.6 Scheme "default-contrast-f".
Scheme "default" and scheme "contrast" "f"
Default contrast f background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-contrast-f-accent'></span>
<span class='color-sample bg-default-contrast-f-accent-dark'></span>
<span class='color-sample bg-default-contrast-f-accent-light'></span>
<span class='color-sample bg-default-contrast-f-accent-soft'></span>
<span class='color-sample bg-default-contrast-f-dominant'></span>
<span class='color-sample bg-default-contrast-f-dominant-dark'></span>
<span class='color-sample bg-default-contrast-f-dominant-light'></span>
<span class='color-sample bg-default-contrast-f-dominant-soft'></span>
<span class='color-sample bg-default-contrast-f-sub-accent'></span>
<span class='color-sample bg-default-contrast-f-sub-accent-dark'></span>
<span class='color-sample bg-default-contrast-f-sub-accent-light'></span>
<span class='color-sample bg-default-contrast-f-sub-accent-soft'></span>
<span class='color-sample bg-default-contrast-f-sub-dominant'></span>
<span class='color-sample bg-default-contrast-f-sub-dominant-dark'></span>
<span class='color-sample bg-default-contrast-f-sub-dominant-light'></span>
<span class='color-sample bg-default-contrast-f-sub-dominant-soft'></span>
</span>
1.7 Scheme "default-contrast-g".
Scheme "default" and scheme "contrast" "g"
Default contrast g background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-contrast-g-accent'></span>
<span class='color-sample bg-default-contrast-g-accent-dark'></span>
<span class='color-sample bg-default-contrast-g-accent-light'></span>
<span class='color-sample bg-default-contrast-g-accent-soft'></span>
<span class='color-sample bg-default-contrast-g-dominant'></span>
<span class='color-sample bg-default-contrast-g-dominant-dark'></span>
<span class='color-sample bg-default-contrast-g-dominant-light'></span>
<span class='color-sample bg-default-contrast-g-dominant-soft'></span>
<span class='color-sample bg-default-contrast-g-sub-accent'></span>
<span class='color-sample bg-default-contrast-g-sub-accent-dark'></span>
<span class='color-sample bg-default-contrast-g-sub-accent-light'></span>
<span class='color-sample bg-default-contrast-g-sub-accent-soft'></span>
<span class='color-sample bg-default-contrast-g-sub-dominant'></span>
<span class='color-sample bg-default-contrast-g-sub-dominant-dark'></span>
<span class='color-sample bg-default-contrast-g-sub-dominant-light'></span>
<span class='color-sample bg-default-contrast-g-sub-dominant-soft'></span>
</span>
1.8 Scheme "default-contrast-h".
Scheme "default" and scheme "contrast" "h"
Default contrast h background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-contrast-h-accent'></span>
<span class='color-sample bg-default-contrast-h-accent-dark'></span>
<span class='color-sample bg-default-contrast-h-accent-light'></span>
<span class='color-sample bg-default-contrast-h-accent-soft'></span>
<span class='color-sample bg-default-contrast-h-dominant'></span>
<span class='color-sample bg-default-contrast-h-dominant-dark'></span>
<span class='color-sample bg-default-contrast-h-dominant-light'></span>
<span class='color-sample bg-default-contrast-h-dominant-soft'></span>
<span class='color-sample bg-default-contrast-h-sub-accent'></span>
<span class='color-sample bg-default-contrast-h-sub-accent-dark'></span>
<span class='color-sample bg-default-contrast-h-sub-accent-light'></span>
<span class='color-sample bg-default-contrast-h-sub-accent-soft'></span>
<span class='color-sample bg-default-contrast-h-sub-dominant'></span>
<span class='color-sample bg-default-contrast-h-sub-dominant-dark'></span>
<span class='color-sample bg-default-contrast-h-sub-dominant-light'></span>
<span class='color-sample bg-default-contrast-h-sub-dominant-soft'></span>
</span>
1.9 Scheme "default-contrast-i".
Scheme "default" and scheme "contrast" "i"
Default contrast i background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-contrast-i-accent'></span>
<span class='color-sample bg-default-contrast-i-accent-dark'></span>
<span class='color-sample bg-default-contrast-i-accent-light'></span>
<span class='color-sample bg-default-contrast-i-accent-soft'></span>
<span class='color-sample bg-default-contrast-i-dominant'></span>
<span class='color-sample bg-default-contrast-i-dominant-dark'></span>
<span class='color-sample bg-default-contrast-i-dominant-light'></span>
<span class='color-sample bg-default-contrast-i-dominant-soft'></span>
<span class='color-sample bg-default-contrast-i-sub-accent'></span>
<span class='color-sample bg-default-contrast-i-sub-accent-dark'></span>
<span class='color-sample bg-default-contrast-i-sub-accent-light'></span>
<span class='color-sample bg-default-contrast-i-sub-accent-soft'></span>
<span class='color-sample bg-default-contrast-i-sub-dominant'></span>
<span class='color-sample bg-default-contrast-i-sub-dominant-dark'></span>
<span class='color-sample bg-default-contrast-i-sub-dominant-light'></span>
<span class='color-sample bg-default-contrast-i-sub-dominant-soft'></span>
</span>
1.10 Scheme "default-contrast-j".
Scheme "default" and scheme "contrast" "j"
Default contrast j background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-contrast-j-accent'></span>
<span class='color-sample bg-default-contrast-j-accent-dark'></span>
<span class='color-sample bg-default-contrast-j-accent-light'></span>
<span class='color-sample bg-default-contrast-j-accent-soft'></span>
<span class='color-sample bg-default-contrast-j-dominant'></span>
<span class='color-sample bg-default-contrast-j-dominant-dark'></span>
<span class='color-sample bg-default-contrast-j-dominant-light'></span>
<span class='color-sample bg-default-contrast-j-dominant-soft'></span>
<span class='color-sample bg-default-contrast-j-sub-accent'></span>
<span class='color-sample bg-default-contrast-j-sub-accent-dark'></span>
<span class='color-sample bg-default-contrast-j-sub-accent-light'></span>
<span class='color-sample bg-default-contrast-j-sub-accent-soft'></span>
<span class='color-sample bg-default-contrast-j-sub-dominant'></span>
<span class='color-sample bg-default-contrast-j-sub-dominant-dark'></span>
<span class='color-sample bg-default-contrast-j-sub-dominant-light'></span>
<span class='color-sample bg-default-contrast-j-sub-dominant-soft'></span>
</span>
1.11 Scheme "default-contrast-k".
Scheme "default" and scheme "contrast" "k"
Default contrast k background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-contrast-k-accent'></span>
<span class='color-sample bg-default-contrast-k-accent-dark'></span>
<span class='color-sample bg-default-contrast-k-accent-light'></span>
<span class='color-sample bg-default-contrast-k-accent-soft'></span>
<span class='color-sample bg-default-contrast-k-dominant'></span>
<span class='color-sample bg-default-contrast-k-dominant-dark'></span>
<span class='color-sample bg-default-contrast-k-dominant-light'></span>
<span class='color-sample bg-default-contrast-k-dominant-soft'></span>
<span class='color-sample bg-default-contrast-k-sub-accent'></span>
<span class='color-sample bg-default-contrast-k-sub-accent-dark'></span>
<span class='color-sample bg-default-contrast-k-sub-accent-light'></span>
<span class='color-sample bg-default-contrast-k-sub-accent-soft'></span>
<span class='color-sample bg-default-contrast-k-sub-dominant'></span>
<span class='color-sample bg-default-contrast-k-sub-dominant-dark'></span>
<span class='color-sample bg-default-contrast-k-sub-dominant-light'></span>
<span class='color-sample bg-default-contrast-k-sub-dominant-soft'></span>
</span>
1.12 Scheme "default-contrast-l".
Scheme "default" and scheme "contrast" "l"
Default contrast l background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-contrast-l-accent'></span>
<span class='color-sample bg-default-contrast-l-accent-dark'></span>
<span class='color-sample bg-default-contrast-l-accent-light'></span>
<span class='color-sample bg-default-contrast-l-accent-soft'></span>
<span class='color-sample bg-default-contrast-l-dominant'></span>
<span class='color-sample bg-default-contrast-l-dominant-dark'></span>
<span class='color-sample bg-default-contrast-l-dominant-light'></span>
<span class='color-sample bg-default-contrast-l-dominant-soft'></span>
<span class='color-sample bg-default-contrast-l-sub-accent'></span>
<span class='color-sample bg-default-contrast-l-sub-accent-dark'></span>
<span class='color-sample bg-default-contrast-l-sub-accent-light'></span>
<span class='color-sample bg-default-contrast-l-sub-accent-soft'></span>
<span class='color-sample bg-default-contrast-l-sub-dominant'></span>
<span class='color-sample bg-default-contrast-l-sub-dominant-dark'></span>
<span class='color-sample bg-default-contrast-l-sub-dominant-light'></span>
<span class='color-sample bg-default-contrast-l-sub-dominant-soft'></span>
</span>
1.13 Scheme "pastel-contrast-a".
Scheme "pastel" and scheme "contrast" "a"
Pastel contrast a background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-contrast-a-accent'></span>
<span class='color-sample bg-pastel-contrast-a-accent-dark'></span>
<span class='color-sample bg-pastel-contrast-a-accent-light'></span>
<span class='color-sample bg-pastel-contrast-a-accent-soft'></span>
<span class='color-sample bg-pastel-contrast-a-dominant'></span>
<span class='color-sample bg-pastel-contrast-a-dominant-dark'></span>
<span class='color-sample bg-pastel-contrast-a-dominant-light'></span>
<span class='color-sample bg-pastel-contrast-a-dominant-soft'></span>
<span class='color-sample bg-pastel-contrast-a-sub-accent'></span>
<span class='color-sample bg-pastel-contrast-a-sub-accent-dark'></span>
<span class='color-sample bg-pastel-contrast-a-sub-accent-light'></span>
<span class='color-sample bg-pastel-contrast-a-sub-accent-soft'></span>
<span class='color-sample bg-pastel-contrast-a-sub-dominant'></span>
<span class='color-sample bg-pastel-contrast-a-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-contrast-a-sub-dominant-light'></span>
<span class='color-sample bg-pastel-contrast-a-sub-dominant-soft'></span>
</span>
1.14 Scheme "pastel-contrast-b".
Scheme "pastel" and scheme "contrast" "b"
Pastel contrast b background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-contrast-b-accent'></span>
<span class='color-sample bg-pastel-contrast-b-accent-dark'></span>
<span class='color-sample bg-pastel-contrast-b-accent-light'></span>
<span class='color-sample bg-pastel-contrast-b-accent-soft'></span>
<span class='color-sample bg-pastel-contrast-b-dominant'></span>
<span class='color-sample bg-pastel-contrast-b-dominant-dark'></span>
<span class='color-sample bg-pastel-contrast-b-dominant-light'></span>
<span class='color-sample bg-pastel-contrast-b-dominant-soft'></span>
<span class='color-sample bg-pastel-contrast-b-sub-accent'></span>
<span class='color-sample bg-pastel-contrast-b-sub-accent-dark'></span>
<span class='color-sample bg-pastel-contrast-b-sub-accent-light'></span>
<span class='color-sample bg-pastel-contrast-b-sub-accent-soft'></span>
<span class='color-sample bg-pastel-contrast-b-sub-dominant'></span>
<span class='color-sample bg-pastel-contrast-b-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-contrast-b-sub-dominant-light'></span>
<span class='color-sample bg-pastel-contrast-b-sub-dominant-soft'></span>
</span>
1.15 Scheme "pastel-contrast-c".
Scheme "pastel" and scheme "contrast" "c"
Pastel contrast c background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-contrast-c-accent'></span>
<span class='color-sample bg-pastel-contrast-c-accent-dark'></span>
<span class='color-sample bg-pastel-contrast-c-accent-light'></span>
<span class='color-sample bg-pastel-contrast-c-accent-soft'></span>
<span class='color-sample bg-pastel-contrast-c-dominant'></span>
<span class='color-sample bg-pastel-contrast-c-dominant-dark'></span>
<span class='color-sample bg-pastel-contrast-c-dominant-light'></span>
<span class='color-sample bg-pastel-contrast-c-dominant-soft'></span>
<span class='color-sample bg-pastel-contrast-c-sub-accent'></span>
<span class='color-sample bg-pastel-contrast-c-sub-accent-dark'></span>
<span class='color-sample bg-pastel-contrast-c-sub-accent-light'></span>
<span class='color-sample bg-pastel-contrast-c-sub-accent-soft'></span>
<span class='color-sample bg-pastel-contrast-c-sub-dominant'></span>
<span class='color-sample bg-pastel-contrast-c-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-contrast-c-sub-dominant-light'></span>
<span class='color-sample bg-pastel-contrast-c-sub-dominant-soft'></span>
</span>
1.16 Scheme "pastel-contrast-d".
Scheme "pastel" and scheme "contrast" "d"
Pastel contrast d background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-contrast-d-accent'></span>
<span class='color-sample bg-pastel-contrast-d-accent-dark'></span>
<span class='color-sample bg-pastel-contrast-d-accent-light'></span>
<span class='color-sample bg-pastel-contrast-d-accent-soft'></span>
<span class='color-sample bg-pastel-contrast-d-dominant'></span>
<span class='color-sample bg-pastel-contrast-d-dominant-dark'></span>
<span class='color-sample bg-pastel-contrast-d-dominant-light'></span>
<span class='color-sample bg-pastel-contrast-d-dominant-soft'></span>
<span class='color-sample bg-pastel-contrast-d-sub-accent'></span>
<span class='color-sample bg-pastel-contrast-d-sub-accent-dark'></span>
<span class='color-sample bg-pastel-contrast-d-sub-accent-light'></span>
<span class='color-sample bg-pastel-contrast-d-sub-accent-soft'></span>
<span class='color-sample bg-pastel-contrast-d-sub-dominant'></span>
<span class='color-sample bg-pastel-contrast-d-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-contrast-d-sub-dominant-light'></span>
<span class='color-sample bg-pastel-contrast-d-sub-dominant-soft'></span>
</span>
1.17 Scheme "pastel-contrast-e".
Scheme "pastel" and scheme "contrast" "e"
Pastel contrast e background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-contrast-e-accent'></span>
<span class='color-sample bg-pastel-contrast-e-accent-dark'></span>
<span class='color-sample bg-pastel-contrast-e-accent-light'></span>
<span class='color-sample bg-pastel-contrast-e-accent-soft'></span>
<span class='color-sample bg-pastel-contrast-e-dominant'></span>
<span class='color-sample bg-pastel-contrast-e-dominant-dark'></span>
<span class='color-sample bg-pastel-contrast-e-dominant-light'></span>
<span class='color-sample bg-pastel-contrast-e-dominant-soft'></span>
<span class='color-sample bg-pastel-contrast-e-sub-accent'></span>
<span class='color-sample bg-pastel-contrast-e-sub-accent-dark'></span>
<span class='color-sample bg-pastel-contrast-e-sub-accent-light'></span>
<span class='color-sample bg-pastel-contrast-e-sub-accent-soft'></span>
<span class='color-sample bg-pastel-contrast-e-sub-dominant'></span>
<span class='color-sample bg-pastel-contrast-e-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-contrast-e-sub-dominant-light'></span>
<span class='color-sample bg-pastel-contrast-e-sub-dominant-soft'></span>
</span>
1.18 Scheme "pastel-contrast-f".
Scheme "pastel" and scheme "contrast" "f"
Pastel contrast f background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-contrast-f-accent'></span>
<span class='color-sample bg-pastel-contrast-f-accent-dark'></span>
<span class='color-sample bg-pastel-contrast-f-accent-light'></span>
<span class='color-sample bg-pastel-contrast-f-accent-soft'></span>
<span class='color-sample bg-pastel-contrast-f-dominant'></span>
<span class='color-sample bg-pastel-contrast-f-dominant-dark'></span>
<span class='color-sample bg-pastel-contrast-f-dominant-light'></span>
<span class='color-sample bg-pastel-contrast-f-dominant-soft'></span>
<span class='color-sample bg-pastel-contrast-f-sub-accent'></span>
<span class='color-sample bg-pastel-contrast-f-sub-accent-dark'></span>
<span class='color-sample bg-pastel-contrast-f-sub-accent-light'></span>
<span class='color-sample bg-pastel-contrast-f-sub-accent-soft'></span>
<span class='color-sample bg-pastel-contrast-f-sub-dominant'></span>
<span class='color-sample bg-pastel-contrast-f-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-contrast-f-sub-dominant-light'></span>
<span class='color-sample bg-pastel-contrast-f-sub-dominant-soft'></span>
</span>
1.19 Scheme "pastel-contrast-g".
Scheme "pastel" and scheme "contrast" "g"
Pastel contrast g background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-contrast-g-accent'></span>
<span class='color-sample bg-pastel-contrast-g-accent-dark'></span>
<span class='color-sample bg-pastel-contrast-g-accent-light'></span>
<span class='color-sample bg-pastel-contrast-g-accent-soft'></span>
<span class='color-sample bg-pastel-contrast-g-dominant'></span>
<span class='color-sample bg-pastel-contrast-g-dominant-dark'></span>
<span class='color-sample bg-pastel-contrast-g-dominant-light'></span>
<span class='color-sample bg-pastel-contrast-g-dominant-soft'></span>
<span class='color-sample bg-pastel-contrast-g-sub-accent'></span>
<span class='color-sample bg-pastel-contrast-g-sub-accent-dark'></span>
<span class='color-sample bg-pastel-contrast-g-sub-accent-light'></span>
<span class='color-sample bg-pastel-contrast-g-sub-accent-soft'></span>
<span class='color-sample bg-pastel-contrast-g-sub-dominant'></span>
<span class='color-sample bg-pastel-contrast-g-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-contrast-g-sub-dominant-light'></span>
<span class='color-sample bg-pastel-contrast-g-sub-dominant-soft'></span>
</span>
1.20 Scheme "pastel-contrast-h".
Scheme "pastel" and scheme "contrast" "h"
Pastel contrast h background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-contrast-h-accent'></span>
<span class='color-sample bg-pastel-contrast-h-accent-dark'></span>
<span class='color-sample bg-pastel-contrast-h-accent-light'></span>
<span class='color-sample bg-pastel-contrast-h-accent-soft'></span>
<span class='color-sample bg-pastel-contrast-h-dominant'></span>
<span class='color-sample bg-pastel-contrast-h-dominant-dark'></span>
<span class='color-sample bg-pastel-contrast-h-dominant-light'></span>
<span class='color-sample bg-pastel-contrast-h-dominant-soft'></span>
<span class='color-sample bg-pastel-contrast-h-sub-accent'></span>
<span class='color-sample bg-pastel-contrast-h-sub-accent-dark'></span>
<span class='color-sample bg-pastel-contrast-h-sub-accent-light'></span>
<span class='color-sample bg-pastel-contrast-h-sub-accent-soft'></span>
<span class='color-sample bg-pastel-contrast-h-sub-dominant'></span>
<span class='color-sample bg-pastel-contrast-h-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-contrast-h-sub-dominant-light'></span>
<span class='color-sample bg-pastel-contrast-h-sub-dominant-soft'></span>
</span>
1.21 Scheme "pastel-contrast-i".
Scheme "pastel" and scheme "contrast" "i"
Pastel contrast i background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-contrast-i-accent'></span>
<span class='color-sample bg-pastel-contrast-i-accent-dark'></span>
<span class='color-sample bg-pastel-contrast-i-accent-light'></span>
<span class='color-sample bg-pastel-contrast-i-accent-soft'></span>
<span class='color-sample bg-pastel-contrast-i-dominant'></span>
<span class='color-sample bg-pastel-contrast-i-dominant-dark'></span>
<span class='color-sample bg-pastel-contrast-i-dominant-light'></span>
<span class='color-sample bg-pastel-contrast-i-dominant-soft'></span>
<span class='color-sample bg-pastel-contrast-i-sub-accent'></span>
<span class='color-sample bg-pastel-contrast-i-sub-accent-dark'></span>
<span class='color-sample bg-pastel-contrast-i-sub-accent-light'></span>
<span class='color-sample bg-pastel-contrast-i-sub-accent-soft'></span>
<span class='color-sample bg-pastel-contrast-i-sub-dominant'></span>
<span class='color-sample bg-pastel-contrast-i-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-contrast-i-sub-dominant-light'></span>
<span class='color-sample bg-pastel-contrast-i-sub-dominant-soft'></span>
</span>
1.22 Scheme "pastel-contrast-j".
Scheme "pastel" and scheme "contrast" "j"
Pastel contrast j background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-contrast-j-accent'></span>
<span class='color-sample bg-pastel-contrast-j-accent-dark'></span>
<span class='color-sample bg-pastel-contrast-j-accent-light'></span>
<span class='color-sample bg-pastel-contrast-j-accent-soft'></span>
<span class='color-sample bg-pastel-contrast-j-dominant'></span>
<span class='color-sample bg-pastel-contrast-j-dominant-dark'></span>
<span class='color-sample bg-pastel-contrast-j-dominant-light'></span>
<span class='color-sample bg-pastel-contrast-j-dominant-soft'></span>
<span class='color-sample bg-pastel-contrast-j-sub-accent'></span>
<span class='color-sample bg-pastel-contrast-j-sub-accent-dark'></span>
<span class='color-sample bg-pastel-contrast-j-sub-accent-light'></span>
<span class='color-sample bg-pastel-contrast-j-sub-accent-soft'></span>
<span class='color-sample bg-pastel-contrast-j-sub-dominant'></span>
<span class='color-sample bg-pastel-contrast-j-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-contrast-j-sub-dominant-light'></span>
<span class='color-sample bg-pastel-contrast-j-sub-dominant-soft'></span>
</span>
1.23 Scheme "pastel-contrast-k".
Scheme "pastel" and scheme "contrast" "k"
Pastel contrast k background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-contrast-k-accent'></span>
<span class='color-sample bg-pastel-contrast-k-accent-dark'></span>
<span class='color-sample bg-pastel-contrast-k-accent-light'></span>
<span class='color-sample bg-pastel-contrast-k-accent-soft'></span>
<span class='color-sample bg-pastel-contrast-k-dominant'></span>
<span class='color-sample bg-pastel-contrast-k-dominant-dark'></span>
<span class='color-sample bg-pastel-contrast-k-dominant-light'></span>
<span class='color-sample bg-pastel-contrast-k-dominant-soft'></span>
<span class='color-sample bg-pastel-contrast-k-sub-accent'></span>
<span class='color-sample bg-pastel-contrast-k-sub-accent-dark'></span>
<span class='color-sample bg-pastel-contrast-k-sub-accent-light'></span>
<span class='color-sample bg-pastel-contrast-k-sub-accent-soft'></span>
<span class='color-sample bg-pastel-contrast-k-sub-dominant'></span>
<span class='color-sample bg-pastel-contrast-k-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-contrast-k-sub-dominant-light'></span>
<span class='color-sample bg-pastel-contrast-k-sub-dominant-soft'></span>
</span>
1.24 Scheme "pastel-contrast-l".
Scheme "pastel" and scheme "contrast" "l"
Pastel contrast l background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-contrast-l-accent'></span>
<span class='color-sample bg-pastel-contrast-l-accent-dark'></span>
<span class='color-sample bg-pastel-contrast-l-accent-light'></span>
<span class='color-sample bg-pastel-contrast-l-accent-soft'></span>
<span class='color-sample bg-pastel-contrast-l-dominant'></span>
<span class='color-sample bg-pastel-contrast-l-dominant-dark'></span>
<span class='color-sample bg-pastel-contrast-l-dominant-light'></span>
<span class='color-sample bg-pastel-contrast-l-dominant-soft'></span>
<span class='color-sample bg-pastel-contrast-l-sub-accent'></span>
<span class='color-sample bg-pastel-contrast-l-sub-accent-dark'></span>
<span class='color-sample bg-pastel-contrast-l-sub-accent-light'></span>
<span class='color-sample bg-pastel-contrast-l-sub-accent-soft'></span>
<span class='color-sample bg-pastel-contrast-l-sub-dominant'></span>
<span class='color-sample bg-pastel-contrast-l-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-contrast-l-sub-dominant-light'></span>
<span class='color-sample bg-pastel-contrast-l-sub-dominant-soft'></span>
</span>
1.25 Scheme "soft-contrast-a".
Scheme "soft" and scheme "contrast" "a"
Soft contrast a background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-contrast-a-accent'></span>
<span class='color-sample bg-soft-contrast-a-accent-dark'></span>
<span class='color-sample bg-soft-contrast-a-accent-light'></span>
<span class='color-sample bg-soft-contrast-a-accent-soft'></span>
<span class='color-sample bg-soft-contrast-a-dominant'></span>
<span class='color-sample bg-soft-contrast-a-dominant-dark'></span>
<span class='color-sample bg-soft-contrast-a-dominant-light'></span>
<span class='color-sample bg-soft-contrast-a-dominant-soft'></span>
<span class='color-sample bg-soft-contrast-a-sub-accent'></span>
<span class='color-sample bg-soft-contrast-a-sub-accent-dark'></span>
<span class='color-sample bg-soft-contrast-a-sub-accent-light'></span>
<span class='color-sample bg-soft-contrast-a-sub-accent-soft'></span>
<span class='color-sample bg-soft-contrast-a-sub-dominant'></span>
<span class='color-sample bg-soft-contrast-a-sub-dominant-dark'></span>
<span class='color-sample bg-soft-contrast-a-sub-dominant-light'></span>
<span class='color-sample bg-soft-contrast-a-sub-dominant-soft'></span>
</span>
1.26 Scheme "soft-contrast-b".
Scheme "soft" and scheme "contrast" "b"
Soft contrast b background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-contrast-b-accent'></span>
<span class='color-sample bg-soft-contrast-b-accent-dark'></span>
<span class='color-sample bg-soft-contrast-b-accent-light'></span>
<span class='color-sample bg-soft-contrast-b-accent-soft'></span>
<span class='color-sample bg-soft-contrast-b-dominant'></span>
<span class='color-sample bg-soft-contrast-b-dominant-dark'></span>
<span class='color-sample bg-soft-contrast-b-dominant-light'></span>
<span class='color-sample bg-soft-contrast-b-dominant-soft'></span>
<span class='color-sample bg-soft-contrast-b-sub-accent'></span>
<span class='color-sample bg-soft-contrast-b-sub-accent-dark'></span>
<span class='color-sample bg-soft-contrast-b-sub-accent-light'></span>
<span class='color-sample bg-soft-contrast-b-sub-accent-soft'></span>
<span class='color-sample bg-soft-contrast-b-sub-dominant'></span>
<span class='color-sample bg-soft-contrast-b-sub-dominant-dark'></span>
<span class='color-sample bg-soft-contrast-b-sub-dominant-light'></span>
<span class='color-sample bg-soft-contrast-b-sub-dominant-soft'></span>
</span>
1.27 Scheme "soft-contrast-c".
Scheme "soft" and scheme "contrast" "c"
Soft contrast c background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-contrast-c-accent'></span>
<span class='color-sample bg-soft-contrast-c-accent-dark'></span>
<span class='color-sample bg-soft-contrast-c-accent-light'></span>
<span class='color-sample bg-soft-contrast-c-accent-soft'></span>
<span class='color-sample bg-soft-contrast-c-dominant'></span>
<span class='color-sample bg-soft-contrast-c-dominant-dark'></span>
<span class='color-sample bg-soft-contrast-c-dominant-light'></span>
<span class='color-sample bg-soft-contrast-c-dominant-soft'></span>
<span class='color-sample bg-soft-contrast-c-sub-accent'></span>
<span class='color-sample bg-soft-contrast-c-sub-accent-dark'></span>
<span class='color-sample bg-soft-contrast-c-sub-accent-light'></span>
<span class='color-sample bg-soft-contrast-c-sub-accent-soft'></span>
<span class='color-sample bg-soft-contrast-c-sub-dominant'></span>
<span class='color-sample bg-soft-contrast-c-sub-dominant-dark'></span>
<span class='color-sample bg-soft-contrast-c-sub-dominant-light'></span>
<span class='color-sample bg-soft-contrast-c-sub-dominant-soft'></span>
</span>
1.28 Scheme "soft-contrast-d".
Scheme "soft" and scheme "contrast" "d"
Soft contrast d background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-contrast-d-accent'></span>
<span class='color-sample bg-soft-contrast-d-accent-dark'></span>
<span class='color-sample bg-soft-contrast-d-accent-light'></span>
<span class='color-sample bg-soft-contrast-d-accent-soft'></span>
<span class='color-sample bg-soft-contrast-d-dominant'></span>
<span class='color-sample bg-soft-contrast-d-dominant-dark'></span>
<span class='color-sample bg-soft-contrast-d-dominant-light'></span>
<span class='color-sample bg-soft-contrast-d-dominant-soft'></span>
<span class='color-sample bg-soft-contrast-d-sub-accent'></span>
<span class='color-sample bg-soft-contrast-d-sub-accent-dark'></span>
<span class='color-sample bg-soft-contrast-d-sub-accent-light'></span>
<span class='color-sample bg-soft-contrast-d-sub-accent-soft'></span>
<span class='color-sample bg-soft-contrast-d-sub-dominant'></span>
<span class='color-sample bg-soft-contrast-d-sub-dominant-dark'></span>
<span class='color-sample bg-soft-contrast-d-sub-dominant-light'></span>
<span class='color-sample bg-soft-contrast-d-sub-dominant-soft'></span>
</span>
1.29 Scheme "soft-contrast-e".
Scheme "soft" and scheme "contrast" "e"
Soft contrast e background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-contrast-e-accent'></span>
<span class='color-sample bg-soft-contrast-e-accent-dark'></span>
<span class='color-sample bg-soft-contrast-e-accent-light'></span>
<span class='color-sample bg-soft-contrast-e-accent-soft'></span>
<span class='color-sample bg-soft-contrast-e-dominant'></span>
<span class='color-sample bg-soft-contrast-e-dominant-dark'></span>
<span class='color-sample bg-soft-contrast-e-dominant-light'></span>
<span class='color-sample bg-soft-contrast-e-dominant-soft'></span>
<span class='color-sample bg-soft-contrast-e-sub-accent'></span>
<span class='color-sample bg-soft-contrast-e-sub-accent-dark'></span>
<span class='color-sample bg-soft-contrast-e-sub-accent-light'></span>
<span class='color-sample bg-soft-contrast-e-sub-accent-soft'></span>
<span class='color-sample bg-soft-contrast-e-sub-dominant'></span>
<span class='color-sample bg-soft-contrast-e-sub-dominant-dark'></span>
<span class='color-sample bg-soft-contrast-e-sub-dominant-light'></span>
<span class='color-sample bg-soft-contrast-e-sub-dominant-soft'></span>
</span>
1.30 Scheme "soft-contrast-f".
Scheme "soft" and scheme "contrast" "f"
Soft contrast f background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-contrast-f-accent'></span>
<span class='color-sample bg-soft-contrast-f-accent-dark'></span>
<span class='color-sample bg-soft-contrast-f-accent-light'></span>
<span class='color-sample bg-soft-contrast-f-accent-soft'></span>
<span class='color-sample bg-soft-contrast-f-dominant'></span>
<span class='color-sample bg-soft-contrast-f-dominant-dark'></span>
<span class='color-sample bg-soft-contrast-f-dominant-light'></span>
<span class='color-sample bg-soft-contrast-f-dominant-soft'></span>
<span class='color-sample bg-soft-contrast-f-sub-accent'></span>
<span class='color-sample bg-soft-contrast-f-sub-accent-dark'></span>
<span class='color-sample bg-soft-contrast-f-sub-accent-light'></span>
<span class='color-sample bg-soft-contrast-f-sub-accent-soft'></span>
<span class='color-sample bg-soft-contrast-f-sub-dominant'></span>
<span class='color-sample bg-soft-contrast-f-sub-dominant-dark'></span>
<span class='color-sample bg-soft-contrast-f-sub-dominant-light'></span>
<span class='color-sample bg-soft-contrast-f-sub-dominant-soft'></span>
</span>
1.31 Scheme "soft-contrast-g".
Scheme "soft" and scheme "contrast" "g"
Soft contrast g background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-contrast-g-accent'></span>
<span class='color-sample bg-soft-contrast-g-accent-dark'></span>
<span class='color-sample bg-soft-contrast-g-accent-light'></span>
<span class='color-sample bg-soft-contrast-g-accent-soft'></span>
<span class='color-sample bg-soft-contrast-g-dominant'></span>
<span class='color-sample bg-soft-contrast-g-dominant-dark'></span>
<span class='color-sample bg-soft-contrast-g-dominant-light'></span>
<span class='color-sample bg-soft-contrast-g-dominant-soft'></span>
<span class='color-sample bg-soft-contrast-g-sub-accent'></span>
<span class='color-sample bg-soft-contrast-g-sub-accent-dark'></span>
<span class='color-sample bg-soft-contrast-g-sub-accent-light'></span>
<span class='color-sample bg-soft-contrast-g-sub-accent-soft'></span>
<span class='color-sample bg-soft-contrast-g-sub-dominant'></span>
<span class='color-sample bg-soft-contrast-g-sub-dominant-dark'></span>
<span class='color-sample bg-soft-contrast-g-sub-dominant-light'></span>
<span class='color-sample bg-soft-contrast-g-sub-dominant-soft'></span>
</span>
1.32 Scheme "soft-contrast-h".
Scheme "soft" and scheme "contrast" "h"
Soft contrast h background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-contrast-h-accent'></span>
<span class='color-sample bg-soft-contrast-h-accent-dark'></span>
<span class='color-sample bg-soft-contrast-h-accent-light'></span>
<span class='color-sample bg-soft-contrast-h-accent-soft'></span>
<span class='color-sample bg-soft-contrast-h-dominant'></span>
<span class='color-sample bg-soft-contrast-h-dominant-dark'></span>
<span class='color-sample bg-soft-contrast-h-dominant-light'></span>
<span class='color-sample bg-soft-contrast-h-dominant-soft'></span>
<span class='color-sample bg-soft-contrast-h-sub-accent'></span>
<span class='color-sample bg-soft-contrast-h-sub-accent-dark'></span>
<span class='color-sample bg-soft-contrast-h-sub-accent-light'></span>
<span class='color-sample bg-soft-contrast-h-sub-accent-soft'></span>
<span class='color-sample bg-soft-contrast-h-sub-dominant'></span>
<span class='color-sample bg-soft-contrast-h-sub-dominant-dark'></span>
<span class='color-sample bg-soft-contrast-h-sub-dominant-light'></span>
<span class='color-sample bg-soft-contrast-h-sub-dominant-soft'></span>
</span>
1.33 Scheme "soft-contrast-i".
Scheme "soft" and scheme "contrast" "i"
Soft contrast i background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-contrast-i-accent'></span>
<span class='color-sample bg-soft-contrast-i-accent-dark'></span>
<span class='color-sample bg-soft-contrast-i-accent-light'></span>
<span class='color-sample bg-soft-contrast-i-accent-soft'></span>
<span class='color-sample bg-soft-contrast-i-dominant'></span>
<span class='color-sample bg-soft-contrast-i-dominant-dark'></span>
<span class='color-sample bg-soft-contrast-i-dominant-light'></span>
<span class='color-sample bg-soft-contrast-i-dominant-soft'></span>
<span class='color-sample bg-soft-contrast-i-sub-accent'></span>
<span class='color-sample bg-soft-contrast-i-sub-accent-dark'></span>
<span class='color-sample bg-soft-contrast-i-sub-accent-light'></span>
<span class='color-sample bg-soft-contrast-i-sub-accent-soft'></span>
<span class='color-sample bg-soft-contrast-i-sub-dominant'></span>
<span class='color-sample bg-soft-contrast-i-sub-dominant-dark'></span>
<span class='color-sample bg-soft-contrast-i-sub-dominant-light'></span>
<span class='color-sample bg-soft-contrast-i-sub-dominant-soft'></span>
</span>
1.34 Scheme "soft-contrast-j".
Scheme "soft" and scheme "contrast" "j"
Soft contrast j background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-contrast-j-accent'></span>
<span class='color-sample bg-soft-contrast-j-accent-dark'></span>
<span class='color-sample bg-soft-contrast-j-accent-light'></span>
<span class='color-sample bg-soft-contrast-j-accent-soft'></span>
<span class='color-sample bg-soft-contrast-j-dominant'></span>
<span class='color-sample bg-soft-contrast-j-dominant-dark'></span>
<span class='color-sample bg-soft-contrast-j-dominant-light'></span>
<span class='color-sample bg-soft-contrast-j-dominant-soft'></span>
<span class='color-sample bg-soft-contrast-j-sub-accent'></span>
<span class='color-sample bg-soft-contrast-j-sub-accent-dark'></span>
<span class='color-sample bg-soft-contrast-j-sub-accent-light'></span>
<span class='color-sample bg-soft-contrast-j-sub-accent-soft'></span>
<span class='color-sample bg-soft-contrast-j-sub-dominant'></span>
<span class='color-sample bg-soft-contrast-j-sub-dominant-dark'></span>
<span class='color-sample bg-soft-contrast-j-sub-dominant-light'></span>
<span class='color-sample bg-soft-contrast-j-sub-dominant-soft'></span>
</span>
1.35 Scheme "soft-contrast-k".
Scheme "soft" and scheme "contrast" "k"
Soft contrast k background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-contrast-k-accent'></span>
<span class='color-sample bg-soft-contrast-k-accent-dark'></span>
<span class='color-sample bg-soft-contrast-k-accent-light'></span>
<span class='color-sample bg-soft-contrast-k-accent-soft'></span>
<span class='color-sample bg-soft-contrast-k-dominant'></span>
<span class='color-sample bg-soft-contrast-k-dominant-dark'></span>
<span class='color-sample bg-soft-contrast-k-dominant-light'></span>
<span class='color-sample bg-soft-contrast-k-dominant-soft'></span>
<span class='color-sample bg-soft-contrast-k-sub-accent'></span>
<span class='color-sample bg-soft-contrast-k-sub-accent-dark'></span>
<span class='color-sample bg-soft-contrast-k-sub-accent-light'></span>
<span class='color-sample bg-soft-contrast-k-sub-accent-soft'></span>
<span class='color-sample bg-soft-contrast-k-sub-dominant'></span>
<span class='color-sample bg-soft-contrast-k-sub-dominant-dark'></span>
<span class='color-sample bg-soft-contrast-k-sub-dominant-light'></span>
<span class='color-sample bg-soft-contrast-k-sub-dominant-soft'></span>
</span>
1.36 Scheme "soft-contrast-l".
Scheme "soft" and scheme "contrast" "l"
Soft contrast l background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-contrast-l-accent'></span>
<span class='color-sample bg-soft-contrast-l-accent-dark'></span>
<span class='color-sample bg-soft-contrast-l-accent-light'></span>
<span class='color-sample bg-soft-contrast-l-accent-soft'></span>
<span class='color-sample bg-soft-contrast-l-dominant'></span>
<span class='color-sample bg-soft-contrast-l-dominant-dark'></span>
<span class='color-sample bg-soft-contrast-l-dominant-light'></span>
<span class='color-sample bg-soft-contrast-l-dominant-soft'></span>
<span class='color-sample bg-soft-contrast-l-sub-accent'></span>
<span class='color-sample bg-soft-contrast-l-sub-accent-dark'></span>
<span class='color-sample bg-soft-contrast-l-sub-accent-light'></span>
<span class='color-sample bg-soft-contrast-l-sub-accent-soft'></span>
<span class='color-sample bg-soft-contrast-l-sub-dominant'></span>
<span class='color-sample bg-soft-contrast-l-sub-dominant-dark'></span>
<span class='color-sample bg-soft-contrast-l-sub-dominant-light'></span>
<span class='color-sample bg-soft-contrast-l-sub-dominant-soft'></span>
</span>
1.37 Scheme "light-contrast-a".
Scheme "light" and scheme "contrast" "a"
Light contrast a background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-contrast-a-accent'></span>
<span class='color-sample bg-light-contrast-a-accent-dark'></span>
<span class='color-sample bg-light-contrast-a-accent-light'></span>
<span class='color-sample bg-light-contrast-a-accent-soft'></span>
<span class='color-sample bg-light-contrast-a-dominant'></span>
<span class='color-sample bg-light-contrast-a-dominant-dark'></span>
<span class='color-sample bg-light-contrast-a-dominant-light'></span>
<span class='color-sample bg-light-contrast-a-dominant-soft'></span>
<span class='color-sample bg-light-contrast-a-sub-accent'></span>
<span class='color-sample bg-light-contrast-a-sub-accent-dark'></span>
<span class='color-sample bg-light-contrast-a-sub-accent-light'></span>
<span class='color-sample bg-light-contrast-a-sub-accent-soft'></span>
<span class='color-sample bg-light-contrast-a-sub-dominant'></span>
<span class='color-sample bg-light-contrast-a-sub-dominant-dark'></span>
<span class='color-sample bg-light-contrast-a-sub-dominant-light'></span>
<span class='color-sample bg-light-contrast-a-sub-dominant-soft'></span>
</span>
1.38 Scheme "light-contrast-b".
Scheme "light" and scheme "contrast" "b"
Light contrast b background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-contrast-b-accent'></span>
<span class='color-sample bg-light-contrast-b-accent-dark'></span>
<span class='color-sample bg-light-contrast-b-accent-light'></span>
<span class='color-sample bg-light-contrast-b-accent-soft'></span>
<span class='color-sample bg-light-contrast-b-dominant'></span>
<span class='color-sample bg-light-contrast-b-dominant-dark'></span>
<span class='color-sample bg-light-contrast-b-dominant-light'></span>
<span class='color-sample bg-light-contrast-b-dominant-soft'></span>
<span class='color-sample bg-light-contrast-b-sub-accent'></span>
<span class='color-sample bg-light-contrast-b-sub-accent-dark'></span>
<span class='color-sample bg-light-contrast-b-sub-accent-light'></span>
<span class='color-sample bg-light-contrast-b-sub-accent-soft'></span>
<span class='color-sample bg-light-contrast-b-sub-dominant'></span>
<span class='color-sample bg-light-contrast-b-sub-dominant-dark'></span>
<span class='color-sample bg-light-contrast-b-sub-dominant-light'></span>
<span class='color-sample bg-light-contrast-b-sub-dominant-soft'></span>
</span>
1.39 Scheme "light-contrast-c".
Scheme "light" and scheme "contrast" "c"
Light contrast c background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-contrast-c-accent'></span>
<span class='color-sample bg-light-contrast-c-accent-dark'></span>
<span class='color-sample bg-light-contrast-c-accent-light'></span>
<span class='color-sample bg-light-contrast-c-accent-soft'></span>
<span class='color-sample bg-light-contrast-c-dominant'></span>
<span class='color-sample bg-light-contrast-c-dominant-dark'></span>
<span class='color-sample bg-light-contrast-c-dominant-light'></span>
<span class='color-sample bg-light-contrast-c-dominant-soft'></span>
<span class='color-sample bg-light-contrast-c-sub-accent'></span>
<span class='color-sample bg-light-contrast-c-sub-accent-dark'></span>
<span class='color-sample bg-light-contrast-c-sub-accent-light'></span>
<span class='color-sample bg-light-contrast-c-sub-accent-soft'></span>
<span class='color-sample bg-light-contrast-c-sub-dominant'></span>
<span class='color-sample bg-light-contrast-c-sub-dominant-dark'></span>
<span class='color-sample bg-light-contrast-c-sub-dominant-light'></span>
<span class='color-sample bg-light-contrast-c-sub-dominant-soft'></span>
</span>
1.40 Scheme "light-contrast-d".
Scheme "light" and scheme "contrast" "d"
Light contrast d background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-contrast-d-accent'></span>
<span class='color-sample bg-light-contrast-d-accent-dark'></span>
<span class='color-sample bg-light-contrast-d-accent-light'></span>
<span class='color-sample bg-light-contrast-d-accent-soft'></span>
<span class='color-sample bg-light-contrast-d-dominant'></span>
<span class='color-sample bg-light-contrast-d-dominant-dark'></span>
<span class='color-sample bg-light-contrast-d-dominant-light'></span>
<span class='color-sample bg-light-contrast-d-dominant-soft'></span>
<span class='color-sample bg-light-contrast-d-sub-accent'></span>
<span class='color-sample bg-light-contrast-d-sub-accent-dark'></span>
<span class='color-sample bg-light-contrast-d-sub-accent-light'></span>
<span class='color-sample bg-light-contrast-d-sub-accent-soft'></span>
<span class='color-sample bg-light-contrast-d-sub-dominant'></span>
<span class='color-sample bg-light-contrast-d-sub-dominant-dark'></span>
<span class='color-sample bg-light-contrast-d-sub-dominant-light'></span>
<span class='color-sample bg-light-contrast-d-sub-dominant-soft'></span>
</span>
1.41 Scheme "light-contrast-e".
Scheme "light" and scheme "contrast" "e"
Light contrast e background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-contrast-e-accent'></span>
<span class='color-sample bg-light-contrast-e-accent-dark'></span>
<span class='color-sample bg-light-contrast-e-accent-light'></span>
<span class='color-sample bg-light-contrast-e-accent-soft'></span>
<span class='color-sample bg-light-contrast-e-dominant'></span>
<span class='color-sample bg-light-contrast-e-dominant-dark'></span>
<span class='color-sample bg-light-contrast-e-dominant-light'></span>
<span class='color-sample bg-light-contrast-e-dominant-soft'></span>
<span class='color-sample bg-light-contrast-e-sub-accent'></span>
<span class='color-sample bg-light-contrast-e-sub-accent-dark'></span>
<span class='color-sample bg-light-contrast-e-sub-accent-light'></span>
<span class='color-sample bg-light-contrast-e-sub-accent-soft'></span>
<span class='color-sample bg-light-contrast-e-sub-dominant'></span>
<span class='color-sample bg-light-contrast-e-sub-dominant-dark'></span>
<span class='color-sample bg-light-contrast-e-sub-dominant-light'></span>
<span class='color-sample bg-light-contrast-e-sub-dominant-soft'></span>
</span>
1.42 Scheme "light-contrast-f".
Scheme "light" and scheme "contrast" "f"
Light contrast f background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-contrast-f-accent'></span>
<span class='color-sample bg-light-contrast-f-accent-dark'></span>
<span class='color-sample bg-light-contrast-f-accent-light'></span>
<span class='color-sample bg-light-contrast-f-accent-soft'></span>
<span class='color-sample bg-light-contrast-f-dominant'></span>
<span class='color-sample bg-light-contrast-f-dominant-dark'></span>
<span class='color-sample bg-light-contrast-f-dominant-light'></span>
<span class='color-sample bg-light-contrast-f-dominant-soft'></span>
<span class='color-sample bg-light-contrast-f-sub-accent'></span>
<span class='color-sample bg-light-contrast-f-sub-accent-dark'></span>
<span class='color-sample bg-light-contrast-f-sub-accent-light'></span>
<span class='color-sample bg-light-contrast-f-sub-accent-soft'></span>
<span class='color-sample bg-light-contrast-f-sub-dominant'></span>
<span class='color-sample bg-light-contrast-f-sub-dominant-dark'></span>
<span class='color-sample bg-light-contrast-f-sub-dominant-light'></span>
<span class='color-sample bg-light-contrast-f-sub-dominant-soft'></span>
</span>
1.43 Scheme "light-contrast-g".
Scheme "light" and scheme "contrast" "g"
Light contrast g background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-contrast-g-accent'></span>
<span class='color-sample bg-light-contrast-g-accent-dark'></span>
<span class='color-sample bg-light-contrast-g-accent-light'></span>
<span class='color-sample bg-light-contrast-g-accent-soft'></span>
<span class='color-sample bg-light-contrast-g-dominant'></span>
<span class='color-sample bg-light-contrast-g-dominant-dark'></span>
<span class='color-sample bg-light-contrast-g-dominant-light'></span>
<span class='color-sample bg-light-contrast-g-dominant-soft'></span>
<span class='color-sample bg-light-contrast-g-sub-accent'></span>
<span class='color-sample bg-light-contrast-g-sub-accent-dark'></span>
<span class='color-sample bg-light-contrast-g-sub-accent-light'></span>
<span class='color-sample bg-light-contrast-g-sub-accent-soft'></span>
<span class='color-sample bg-light-contrast-g-sub-dominant'></span>
<span class='color-sample bg-light-contrast-g-sub-dominant-dark'></span>
<span class='color-sample bg-light-contrast-g-sub-dominant-light'></span>
<span class='color-sample bg-light-contrast-g-sub-dominant-soft'></span>
</span>
1.44 Scheme "light-contrast-h".
Scheme "light" and scheme "contrast" "h"
Light contrast h background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-contrast-h-accent'></span>
<span class='color-sample bg-light-contrast-h-accent-dark'></span>
<span class='color-sample bg-light-contrast-h-accent-light'></span>
<span class='color-sample bg-light-contrast-h-accent-soft'></span>
<span class='color-sample bg-light-contrast-h-dominant'></span>
<span class='color-sample bg-light-contrast-h-dominant-dark'></span>
<span class='color-sample bg-light-contrast-h-dominant-light'></span>
<span class='color-sample bg-light-contrast-h-dominant-soft'></span>
<span class='color-sample bg-light-contrast-h-sub-accent'></span>
<span class='color-sample bg-light-contrast-h-sub-accent-dark'></span>
<span class='color-sample bg-light-contrast-h-sub-accent-light'></span>
<span class='color-sample bg-light-contrast-h-sub-accent-soft'></span>
<span class='color-sample bg-light-contrast-h-sub-dominant'></span>
<span class='color-sample bg-light-contrast-h-sub-dominant-dark'></span>
<span class='color-sample bg-light-contrast-h-sub-dominant-light'></span>
<span class='color-sample bg-light-contrast-h-sub-dominant-soft'></span>
</span>
1.45 Scheme "light-contrast-i".
Scheme "light" and scheme "contrast" "i"
Light contrast i background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-contrast-i-accent'></span>
<span class='color-sample bg-light-contrast-i-accent-dark'></span>
<span class='color-sample bg-light-contrast-i-accent-light'></span>
<span class='color-sample bg-light-contrast-i-accent-soft'></span>
<span class='color-sample bg-light-contrast-i-dominant'></span>
<span class='color-sample bg-light-contrast-i-dominant-dark'></span>
<span class='color-sample bg-light-contrast-i-dominant-light'></span>
<span class='color-sample bg-light-contrast-i-dominant-soft'></span>
<span class='color-sample bg-light-contrast-i-sub-accent'></span>
<span class='color-sample bg-light-contrast-i-sub-accent-dark'></span>
<span class='color-sample bg-light-contrast-i-sub-accent-light'></span>
<span class='color-sample bg-light-contrast-i-sub-accent-soft'></span>
<span class='color-sample bg-light-contrast-i-sub-dominant'></span>
<span class='color-sample bg-light-contrast-i-sub-dominant-dark'></span>
<span class='color-sample bg-light-contrast-i-sub-dominant-light'></span>
<span class='color-sample bg-light-contrast-i-sub-dominant-soft'></span>
</span>
1.46 Scheme "light-contrast-j".
Scheme "light" and scheme "contrast" "j"
Light contrast j background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-contrast-j-accent'></span>
<span class='color-sample bg-light-contrast-j-accent-dark'></span>
<span class='color-sample bg-light-contrast-j-accent-light'></span>
<span class='color-sample bg-light-contrast-j-accent-soft'></span>
<span class='color-sample bg-light-contrast-j-dominant'></span>
<span class='color-sample bg-light-contrast-j-dominant-dark'></span>
<span class='color-sample bg-light-contrast-j-dominant-light'></span>
<span class='color-sample bg-light-contrast-j-dominant-soft'></span>
<span class='color-sample bg-light-contrast-j-sub-accent'></span>
<span class='color-sample bg-light-contrast-j-sub-accent-dark'></span>
<span class='color-sample bg-light-contrast-j-sub-accent-light'></span>
<span class='color-sample bg-light-contrast-j-sub-accent-soft'></span>
<span class='color-sample bg-light-contrast-j-sub-dominant'></span>
<span class='color-sample bg-light-contrast-j-sub-dominant-dark'></span>
<span class='color-sample bg-light-contrast-j-sub-dominant-light'></span>
<span class='color-sample bg-light-contrast-j-sub-dominant-soft'></span>
</span>
1.47 Scheme "light-contrast-k".
Scheme "light" and scheme "contrast" "k"
Light contrast k background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-contrast-k-accent'></span>
<span class='color-sample bg-light-contrast-k-accent-dark'></span>
<span class='color-sample bg-light-contrast-k-accent-light'></span>
<span class='color-sample bg-light-contrast-k-accent-soft'></span>
<span class='color-sample bg-light-contrast-k-dominant'></span>
<span class='color-sample bg-light-contrast-k-dominant-dark'></span>
<span class='color-sample bg-light-contrast-k-dominant-light'></span>
<span class='color-sample bg-light-contrast-k-dominant-soft'></span>
<span class='color-sample bg-light-contrast-k-sub-accent'></span>
<span class='color-sample bg-light-contrast-k-sub-accent-dark'></span>
<span class='color-sample bg-light-contrast-k-sub-accent-light'></span>
<span class='color-sample bg-light-contrast-k-sub-accent-soft'></span>
<span class='color-sample bg-light-contrast-k-sub-dominant'></span>
<span class='color-sample bg-light-contrast-k-sub-dominant-dark'></span>
<span class='color-sample bg-light-contrast-k-sub-dominant-light'></span>
<span class='color-sample bg-light-contrast-k-sub-dominant-soft'></span>
</span>
1.48 Scheme "light-contrast-l".
Scheme "light" and scheme "contrast" "l"
Light contrast l background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-contrast-l-accent'></span>
<span class='color-sample bg-light-contrast-l-accent-dark'></span>
<span class='color-sample bg-light-contrast-l-accent-light'></span>
<span class='color-sample bg-light-contrast-l-accent-soft'></span>
<span class='color-sample bg-light-contrast-l-dominant'></span>
<span class='color-sample bg-light-contrast-l-dominant-dark'></span>
<span class='color-sample bg-light-contrast-l-dominant-light'></span>
<span class='color-sample bg-light-contrast-l-dominant-soft'></span>
<span class='color-sample bg-light-contrast-l-sub-accent'></span>
<span class='color-sample bg-light-contrast-l-sub-accent-dark'></span>
<span class='color-sample bg-light-contrast-l-sub-accent-light'></span>
<span class='color-sample bg-light-contrast-l-sub-accent-soft'></span>
<span class='color-sample bg-light-contrast-l-sub-dominant'></span>
<span class='color-sample bg-light-contrast-l-sub-dominant-dark'></span>
<span class='color-sample bg-light-contrast-l-sub-dominant-light'></span>
<span class='color-sample bg-light-contrast-l-sub-dominant-soft'></span>
</span>
1.49 Scheme "hard-contrast-a".
Scheme "hard" and scheme "contrast" "a"
Hard contrast a background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-contrast-a-accent'></span>
<span class='color-sample bg-hard-contrast-a-accent-dark'></span>
<span class='color-sample bg-hard-contrast-a-accent-light'></span>
<span class='color-sample bg-hard-contrast-a-accent-soft'></span>
<span class='color-sample bg-hard-contrast-a-dominant'></span>
<span class='color-sample bg-hard-contrast-a-dominant-dark'></span>
<span class='color-sample bg-hard-contrast-a-dominant-light'></span>
<span class='color-sample bg-hard-contrast-a-dominant-soft'></span>
<span class='color-sample bg-hard-contrast-a-sub-accent'></span>
<span class='color-sample bg-hard-contrast-a-sub-accent-dark'></span>
<span class='color-sample bg-hard-contrast-a-sub-accent-light'></span>
<span class='color-sample bg-hard-contrast-a-sub-accent-soft'></span>
<span class='color-sample bg-hard-contrast-a-sub-dominant'></span>
<span class='color-sample bg-hard-contrast-a-sub-dominant-dark'></span>
<span class='color-sample bg-hard-contrast-a-sub-dominant-light'></span>
<span class='color-sample bg-hard-contrast-a-sub-dominant-soft'></span>
</span>
1.50 Scheme "hard-contrast-b".
Scheme "hard" and scheme "contrast" "b"
Hard contrast b background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-contrast-b-accent'></span>
<span class='color-sample bg-hard-contrast-b-accent-dark'></span>
<span class='color-sample bg-hard-contrast-b-accent-light'></span>
<span class='color-sample bg-hard-contrast-b-accent-soft'></span>
<span class='color-sample bg-hard-contrast-b-dominant'></span>
<span class='color-sample bg-hard-contrast-b-dominant-dark'></span>
<span class='color-sample bg-hard-contrast-b-dominant-light'></span>
<span class='color-sample bg-hard-contrast-b-dominant-soft'></span>
<span class='color-sample bg-hard-contrast-b-sub-accent'></span>
<span class='color-sample bg-hard-contrast-b-sub-accent-dark'></span>
<span class='color-sample bg-hard-contrast-b-sub-accent-light'></span>
<span class='color-sample bg-hard-contrast-b-sub-accent-soft'></span>
<span class='color-sample bg-hard-contrast-b-sub-dominant'></span>
<span class='color-sample bg-hard-contrast-b-sub-dominant-dark'></span>
<span class='color-sample bg-hard-contrast-b-sub-dominant-light'></span>
<span class='color-sample bg-hard-contrast-b-sub-dominant-soft'></span>
</span>
1.51 Scheme "hard-contrast-c".
Scheme "hard" and scheme "contrast" "c"
Hard contrast c background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-contrast-c-accent'></span>
<span class='color-sample bg-hard-contrast-c-accent-dark'></span>
<span class='color-sample bg-hard-contrast-c-accent-light'></span>
<span class='color-sample bg-hard-contrast-c-accent-soft'></span>
<span class='color-sample bg-hard-contrast-c-dominant'></span>
<span class='color-sample bg-hard-contrast-c-dominant-dark'></span>
<span class='color-sample bg-hard-contrast-c-dominant-light'></span>
<span class='color-sample bg-hard-contrast-c-dominant-soft'></span>
<span class='color-sample bg-hard-contrast-c-sub-accent'></span>
<span class='color-sample bg-hard-contrast-c-sub-accent-dark'></span>
<span class='color-sample bg-hard-contrast-c-sub-accent-light'></span>
<span class='color-sample bg-hard-contrast-c-sub-accent-soft'></span>
<span class='color-sample bg-hard-contrast-c-sub-dominant'></span>
<span class='color-sample bg-hard-contrast-c-sub-dominant-dark'></span>
<span class='color-sample bg-hard-contrast-c-sub-dominant-light'></span>
<span class='color-sample bg-hard-contrast-c-sub-dominant-soft'></span>
</span>
1.52 Scheme "hard-contrast-d".
Scheme "hard" and scheme "contrast" "d"
Hard contrast d background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-contrast-d-accent'></span>
<span class='color-sample bg-hard-contrast-d-accent-dark'></span>
<span class='color-sample bg-hard-contrast-d-accent-light'></span>
<span class='color-sample bg-hard-contrast-d-accent-soft'></span>
<span class='color-sample bg-hard-contrast-d-dominant'></span>
<span class='color-sample bg-hard-contrast-d-dominant-dark'></span>
<span class='color-sample bg-hard-contrast-d-dominant-light'></span>
<span class='color-sample bg-hard-contrast-d-dominant-soft'></span>
<span class='color-sample bg-hard-contrast-d-sub-accent'></span>
<span class='color-sample bg-hard-contrast-d-sub-accent-dark'></span>
<span class='color-sample bg-hard-contrast-d-sub-accent-light'></span>
<span class='color-sample bg-hard-contrast-d-sub-accent-soft'></span>
<span class='color-sample bg-hard-contrast-d-sub-dominant'></span>
<span class='color-sample bg-hard-contrast-d-sub-dominant-dark'></span>
<span class='color-sample bg-hard-contrast-d-sub-dominant-light'></span>
<span class='color-sample bg-hard-contrast-d-sub-dominant-soft'></span>
</span>
1.53 Scheme "hard-contrast-e".
Scheme "hard" and scheme "contrast" "e"
Hard contrast e background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-contrast-e-accent'></span>
<span class='color-sample bg-hard-contrast-e-accent-dark'></span>
<span class='color-sample bg-hard-contrast-e-accent-light'></span>
<span class='color-sample bg-hard-contrast-e-accent-soft'></span>
<span class='color-sample bg-hard-contrast-e-dominant'></span>
<span class='color-sample bg-hard-contrast-e-dominant-dark'></span>
<span class='color-sample bg-hard-contrast-e-dominant-light'></span>
<span class='color-sample bg-hard-contrast-e-dominant-soft'></span>
<span class='color-sample bg-hard-contrast-e-sub-accent'></span>
<span class='color-sample bg-hard-contrast-e-sub-accent-dark'></span>
<span class='color-sample bg-hard-contrast-e-sub-accent-light'></span>
<span class='color-sample bg-hard-contrast-e-sub-accent-soft'></span>
<span class='color-sample bg-hard-contrast-e-sub-dominant'></span>
<span class='color-sample bg-hard-contrast-e-sub-dominant-dark'></span>
<span class='color-sample bg-hard-contrast-e-sub-dominant-light'></span>
<span class='color-sample bg-hard-contrast-e-sub-dominant-soft'></span>
</span>
1.54 Scheme "hard-contrast-f".
Scheme "hard" and scheme "contrast" "f"
Hard contrast f background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-contrast-f-accent'></span>
<span class='color-sample bg-hard-contrast-f-accent-dark'></span>
<span class='color-sample bg-hard-contrast-f-accent-light'></span>
<span class='color-sample bg-hard-contrast-f-accent-soft'></span>
<span class='color-sample bg-hard-contrast-f-dominant'></span>
<span class='color-sample bg-hard-contrast-f-dominant-dark'></span>
<span class='color-sample bg-hard-contrast-f-dominant-light'></span>
<span class='color-sample bg-hard-contrast-f-dominant-soft'></span>
<span class='color-sample bg-hard-contrast-f-sub-accent'></span>
<span class='color-sample bg-hard-contrast-f-sub-accent-dark'></span>
<span class='color-sample bg-hard-contrast-f-sub-accent-light'></span>
<span class='color-sample bg-hard-contrast-f-sub-accent-soft'></span>
<span class='color-sample bg-hard-contrast-f-sub-dominant'></span>
<span class='color-sample bg-hard-contrast-f-sub-dominant-dark'></span>
<span class='color-sample bg-hard-contrast-f-sub-dominant-light'></span>
<span class='color-sample bg-hard-contrast-f-sub-dominant-soft'></span>
</span>
1.55 Scheme "hard-contrast-g".
Scheme "hard" and scheme "contrast" "g"
Hard contrast g background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-contrast-g-accent'></span>
<span class='color-sample bg-hard-contrast-g-accent-dark'></span>
<span class='color-sample bg-hard-contrast-g-accent-light'></span>
<span class='color-sample bg-hard-contrast-g-accent-soft'></span>
<span class='color-sample bg-hard-contrast-g-dominant'></span>
<span class='color-sample bg-hard-contrast-g-dominant-dark'></span>
<span class='color-sample bg-hard-contrast-g-dominant-light'></span>
<span class='color-sample bg-hard-contrast-g-dominant-soft'></span>
<span class='color-sample bg-hard-contrast-g-sub-accent'></span>
<span class='color-sample bg-hard-contrast-g-sub-accent-dark'></span>
<span class='color-sample bg-hard-contrast-g-sub-accent-light'></span>
<span class='color-sample bg-hard-contrast-g-sub-accent-soft'></span>
<span class='color-sample bg-hard-contrast-g-sub-dominant'></span>
<span class='color-sample bg-hard-contrast-g-sub-dominant-dark'></span>
<span class='color-sample bg-hard-contrast-g-sub-dominant-light'></span>
<span class='color-sample bg-hard-contrast-g-sub-dominant-soft'></span>
</span>
1.56 Scheme "hard-contrast-h".
Scheme "hard" and scheme "contrast" "h"
Hard contrast h background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-contrast-h-accent'></span>
<span class='color-sample bg-hard-contrast-h-accent-dark'></span>
<span class='color-sample bg-hard-contrast-h-accent-light'></span>
<span class='color-sample bg-hard-contrast-h-accent-soft'></span>
<span class='color-sample bg-hard-contrast-h-dominant'></span>
<span class='color-sample bg-hard-contrast-h-dominant-dark'></span>
<span class='color-sample bg-hard-contrast-h-dominant-light'></span>
<span class='color-sample bg-hard-contrast-h-dominant-soft'></span>
<span class='color-sample bg-hard-contrast-h-sub-accent'></span>
<span class='color-sample bg-hard-contrast-h-sub-accent-dark'></span>
<span class='color-sample bg-hard-contrast-h-sub-accent-light'></span>
<span class='color-sample bg-hard-contrast-h-sub-accent-soft'></span>
<span class='color-sample bg-hard-contrast-h-sub-dominant'></span>
<span class='color-sample bg-hard-contrast-h-sub-dominant-dark'></span>
<span class='color-sample bg-hard-contrast-h-sub-dominant-light'></span>
<span class='color-sample bg-hard-contrast-h-sub-dominant-soft'></span>
</span>
1.57 Scheme "hard-contrast-i".
Scheme "hard" and scheme "contrast" "i"
Hard contrast i background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-contrast-i-accent'></span>
<span class='color-sample bg-hard-contrast-i-accent-dark'></span>
<span class='color-sample bg-hard-contrast-i-accent-light'></span>
<span class='color-sample bg-hard-contrast-i-accent-soft'></span>
<span class='color-sample bg-hard-contrast-i-dominant'></span>
<span class='color-sample bg-hard-contrast-i-dominant-dark'></span>
<span class='color-sample bg-hard-contrast-i-dominant-light'></span>
<span class='color-sample bg-hard-contrast-i-dominant-soft'></span>
<span class='color-sample bg-hard-contrast-i-sub-accent'></span>
<span class='color-sample bg-hard-contrast-i-sub-accent-dark'></span>
<span class='color-sample bg-hard-contrast-i-sub-accent-light'></span>
<span class='color-sample bg-hard-contrast-i-sub-accent-soft'></span>
<span class='color-sample bg-hard-contrast-i-sub-dominant'></span>
<span class='color-sample bg-hard-contrast-i-sub-dominant-dark'></span>
<span class='color-sample bg-hard-contrast-i-sub-dominant-light'></span>
<span class='color-sample bg-hard-contrast-i-sub-dominant-soft'></span>
</span>
1.58 Scheme "hard-contrast-j".
Scheme "hard" and scheme "contrast" "j"
Hard contrast j background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-contrast-j-accent'></span>
<span class='color-sample bg-hard-contrast-j-accent-dark'></span>
<span class='color-sample bg-hard-contrast-j-accent-light'></span>
<span class='color-sample bg-hard-contrast-j-accent-soft'></span>
<span class='color-sample bg-hard-contrast-j-dominant'></span>
<span class='color-sample bg-hard-contrast-j-dominant-dark'></span>
<span class='color-sample bg-hard-contrast-j-dominant-light'></span>
<span class='color-sample bg-hard-contrast-j-dominant-soft'></span>
<span class='color-sample bg-hard-contrast-j-sub-accent'></span>
<span class='color-sample bg-hard-contrast-j-sub-accent-dark'></span>
<span class='color-sample bg-hard-contrast-j-sub-accent-light'></span>
<span class='color-sample bg-hard-contrast-j-sub-accent-soft'></span>
<span class='color-sample bg-hard-contrast-j-sub-dominant'></span>
<span class='color-sample bg-hard-contrast-j-sub-dominant-dark'></span>
<span class='color-sample bg-hard-contrast-j-sub-dominant-light'></span>
<span class='color-sample bg-hard-contrast-j-sub-dominant-soft'></span>
</span>
1.59 Scheme "hard-contrast-k".
Scheme "hard" and scheme "contrast" "k"
Hard contrast k background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-contrast-k-accent'></span>
<span class='color-sample bg-hard-contrast-k-accent-dark'></span>
<span class='color-sample bg-hard-contrast-k-accent-light'></span>
<span class='color-sample bg-hard-contrast-k-accent-soft'></span>
<span class='color-sample bg-hard-contrast-k-dominant'></span>
<span class='color-sample bg-hard-contrast-k-dominant-dark'></span>
<span class='color-sample bg-hard-contrast-k-dominant-light'></span>
<span class='color-sample bg-hard-contrast-k-dominant-soft'></span>
<span class='color-sample bg-hard-contrast-k-sub-accent'></span>
<span class='color-sample bg-hard-contrast-k-sub-accent-dark'></span>
<span class='color-sample bg-hard-contrast-k-sub-accent-light'></span>
<span class='color-sample bg-hard-contrast-k-sub-accent-soft'></span>
<span class='color-sample bg-hard-contrast-k-sub-dominant'></span>
<span class='color-sample bg-hard-contrast-k-sub-dominant-dark'></span>
<span class='color-sample bg-hard-contrast-k-sub-dominant-light'></span>
<span class='color-sample bg-hard-contrast-k-sub-dominant-soft'></span>
</span>
1.60 Scheme "hard-contrast-l".
Scheme "hard" and scheme "contrast" "l"
Hard contrast l background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-contrast-l-accent'></span>
<span class='color-sample bg-hard-contrast-l-accent-dark'></span>
<span class='color-sample bg-hard-contrast-l-accent-light'></span>
<span class='color-sample bg-hard-contrast-l-accent-soft'></span>
<span class='color-sample bg-hard-contrast-l-dominant'></span>
<span class='color-sample bg-hard-contrast-l-dominant-dark'></span>
<span class='color-sample bg-hard-contrast-l-dominant-light'></span>
<span class='color-sample bg-hard-contrast-l-dominant-soft'></span>
<span class='color-sample bg-hard-contrast-l-sub-accent'></span>
<span class='color-sample bg-hard-contrast-l-sub-accent-dark'></span>
<span class='color-sample bg-hard-contrast-l-sub-accent-light'></span>
<span class='color-sample bg-hard-contrast-l-sub-accent-soft'></span>
<span class='color-sample bg-hard-contrast-l-sub-dominant'></span>
<span class='color-sample bg-hard-contrast-l-sub-dominant-dark'></span>
<span class='color-sample bg-hard-contrast-l-sub-dominant-light'></span>
<span class='color-sample bg-hard-contrast-l-sub-dominant-soft'></span>
</span>
1.61 Scheme "pale-contrast-a".
Scheme "pale" and scheme "contrast" "a"
Pale contrast a background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-contrast-a-accent'></span>
<span class='color-sample bg-pale-contrast-a-accent-dark'></span>
<span class='color-sample bg-pale-contrast-a-accent-light'></span>
<span class='color-sample bg-pale-contrast-a-accent-soft'></span>
<span class='color-sample bg-pale-contrast-a-dominant'></span>
<span class='color-sample bg-pale-contrast-a-dominant-dark'></span>
<span class='color-sample bg-pale-contrast-a-dominant-light'></span>
<span class='color-sample bg-pale-contrast-a-dominant-soft'></span>
<span class='color-sample bg-pale-contrast-a-sub-accent'></span>
<span class='color-sample bg-pale-contrast-a-sub-accent-dark'></span>
<span class='color-sample bg-pale-contrast-a-sub-accent-light'></span>
<span class='color-sample bg-pale-contrast-a-sub-accent-soft'></span>
<span class='color-sample bg-pale-contrast-a-sub-dominant'></span>
<span class='color-sample bg-pale-contrast-a-sub-dominant-dark'></span>
<span class='color-sample bg-pale-contrast-a-sub-dominant-light'></span>
<span class='color-sample bg-pale-contrast-a-sub-dominant-soft'></span>
</span>
1.62 Scheme "pale-contrast-b".
Scheme "pale" and scheme "contrast" "b"
Pale contrast b background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-contrast-b-accent'></span>
<span class='color-sample bg-pale-contrast-b-accent-dark'></span>
<span class='color-sample bg-pale-contrast-b-accent-light'></span>
<span class='color-sample bg-pale-contrast-b-accent-soft'></span>
<span class='color-sample bg-pale-contrast-b-dominant'></span>
<span class='color-sample bg-pale-contrast-b-dominant-dark'></span>
<span class='color-sample bg-pale-contrast-b-dominant-light'></span>
<span class='color-sample bg-pale-contrast-b-dominant-soft'></span>
<span class='color-sample bg-pale-contrast-b-sub-accent'></span>
<span class='color-sample bg-pale-contrast-b-sub-accent-dark'></span>
<span class='color-sample bg-pale-contrast-b-sub-accent-light'></span>
<span class='color-sample bg-pale-contrast-b-sub-accent-soft'></span>
<span class='color-sample bg-pale-contrast-b-sub-dominant'></span>
<span class='color-sample bg-pale-contrast-b-sub-dominant-dark'></span>
<span class='color-sample bg-pale-contrast-b-sub-dominant-light'></span>
<span class='color-sample bg-pale-contrast-b-sub-dominant-soft'></span>
</span>
1.63 Scheme "pale-contrast-c".
Scheme "pale" and scheme "contrast" "c"
Pale contrast c background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-contrast-c-accent'></span>
<span class='color-sample bg-pale-contrast-c-accent-dark'></span>
<span class='color-sample bg-pale-contrast-c-accent-light'></span>
<span class='color-sample bg-pale-contrast-c-accent-soft'></span>
<span class='color-sample bg-pale-contrast-c-dominant'></span>
<span class='color-sample bg-pale-contrast-c-dominant-dark'></span>
<span class='color-sample bg-pale-contrast-c-dominant-light'></span>
<span class='color-sample bg-pale-contrast-c-dominant-soft'></span>
<span class='color-sample bg-pale-contrast-c-sub-accent'></span>
<span class='color-sample bg-pale-contrast-c-sub-accent-dark'></span>
<span class='color-sample bg-pale-contrast-c-sub-accent-light'></span>
<span class='color-sample bg-pale-contrast-c-sub-accent-soft'></span>
<span class='color-sample bg-pale-contrast-c-sub-dominant'></span>
<span class='color-sample bg-pale-contrast-c-sub-dominant-dark'></span>
<span class='color-sample bg-pale-contrast-c-sub-dominant-light'></span>
<span class='color-sample bg-pale-contrast-c-sub-dominant-soft'></span>
</span>
1.64 Scheme "pale-contrast-d".
Scheme "pale" and scheme "contrast" "d"
Pale contrast d background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-contrast-d-accent'></span>
<span class='color-sample bg-pale-contrast-d-accent-dark'></span>
<span class='color-sample bg-pale-contrast-d-accent-light'></span>
<span class='color-sample bg-pale-contrast-d-accent-soft'></span>
<span class='color-sample bg-pale-contrast-d-dominant'></span>
<span class='color-sample bg-pale-contrast-d-dominant-dark'></span>
<span class='color-sample bg-pale-contrast-d-dominant-light'></span>
<span class='color-sample bg-pale-contrast-d-dominant-soft'></span>
<span class='color-sample bg-pale-contrast-d-sub-accent'></span>
<span class='color-sample bg-pale-contrast-d-sub-accent-dark'></span>
<span class='color-sample bg-pale-contrast-d-sub-accent-light'></span>
<span class='color-sample bg-pale-contrast-d-sub-accent-soft'></span>
<span class='color-sample bg-pale-contrast-d-sub-dominant'></span>
<span class='color-sample bg-pale-contrast-d-sub-dominant-dark'></span>
<span class='color-sample bg-pale-contrast-d-sub-dominant-light'></span>
<span class='color-sample bg-pale-contrast-d-sub-dominant-soft'></span>
</span>
1.65 Scheme "pale-contrast-e".
Scheme "pale" and scheme "contrast" "e"
Pale contrast e background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-contrast-e-accent'></span>
<span class='color-sample bg-pale-contrast-e-accent-dark'></span>
<span class='color-sample bg-pale-contrast-e-accent-light'></span>
<span class='color-sample bg-pale-contrast-e-accent-soft'></span>
<span class='color-sample bg-pale-contrast-e-dominant'></span>
<span class='color-sample bg-pale-contrast-e-dominant-dark'></span>
<span class='color-sample bg-pale-contrast-e-dominant-light'></span>
<span class='color-sample bg-pale-contrast-e-dominant-soft'></span>
<span class='color-sample bg-pale-contrast-e-sub-accent'></span>
<span class='color-sample bg-pale-contrast-e-sub-accent-dark'></span>
<span class='color-sample bg-pale-contrast-e-sub-accent-light'></span>
<span class='color-sample bg-pale-contrast-e-sub-accent-soft'></span>
<span class='color-sample bg-pale-contrast-e-sub-dominant'></span>
<span class='color-sample bg-pale-contrast-e-sub-dominant-dark'></span>
<span class='color-sample bg-pale-contrast-e-sub-dominant-light'></span>
<span class='color-sample bg-pale-contrast-e-sub-dominant-soft'></span>
</span>
1.66 Scheme "pale-contrast-f".
Scheme "pale" and scheme "contrast" "f"
Pale contrast f background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-contrast-f-accent'></span>
<span class='color-sample bg-pale-contrast-f-accent-dark'></span>
<span class='color-sample bg-pale-contrast-f-accent-light'></span>
<span class='color-sample bg-pale-contrast-f-accent-soft'></span>
<span class='color-sample bg-pale-contrast-f-dominant'></span>
<span class='color-sample bg-pale-contrast-f-dominant-dark'></span>
<span class='color-sample bg-pale-contrast-f-dominant-light'></span>
<span class='color-sample bg-pale-contrast-f-dominant-soft'></span>
<span class='color-sample bg-pale-contrast-f-sub-accent'></span>
<span class='color-sample bg-pale-contrast-f-sub-accent-dark'></span>
<span class='color-sample bg-pale-contrast-f-sub-accent-light'></span>
<span class='color-sample bg-pale-contrast-f-sub-accent-soft'></span>
<span class='color-sample bg-pale-contrast-f-sub-dominant'></span>
<span class='color-sample bg-pale-contrast-f-sub-dominant-dark'></span>
<span class='color-sample bg-pale-contrast-f-sub-dominant-light'></span>
<span class='color-sample bg-pale-contrast-f-sub-dominant-soft'></span>
</span>
1.67 Scheme "pale-contrast-g".
Scheme "pale" and scheme "contrast" "g"
Pale contrast g background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-contrast-g-accent'></span>
<span class='color-sample bg-pale-contrast-g-accent-dark'></span>
<span class='color-sample bg-pale-contrast-g-accent-light'></span>
<span class='color-sample bg-pale-contrast-g-accent-soft'></span>
<span class='color-sample bg-pale-contrast-g-dominant'></span>
<span class='color-sample bg-pale-contrast-g-dominant-dark'></span>
<span class='color-sample bg-pale-contrast-g-dominant-light'></span>
<span class='color-sample bg-pale-contrast-g-dominant-soft'></span>
<span class='color-sample bg-pale-contrast-g-sub-accent'></span>
<span class='color-sample bg-pale-contrast-g-sub-accent-dark'></span>
<span class='color-sample bg-pale-contrast-g-sub-accent-light'></span>
<span class='color-sample bg-pale-contrast-g-sub-accent-soft'></span>
<span class='color-sample bg-pale-contrast-g-sub-dominant'></span>
<span class='color-sample bg-pale-contrast-g-sub-dominant-dark'></span>
<span class='color-sample bg-pale-contrast-g-sub-dominant-light'></span>
<span class='color-sample bg-pale-contrast-g-sub-dominant-soft'></span>
</span>
1.68 Scheme "pale-contrast-h".
Scheme "pale" and scheme "contrast" "h"
Pale contrast h background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-contrast-h-accent'></span>
<span class='color-sample bg-pale-contrast-h-accent-dark'></span>
<span class='color-sample bg-pale-contrast-h-accent-light'></span>
<span class='color-sample bg-pale-contrast-h-accent-soft'></span>
<span class='color-sample bg-pale-contrast-h-dominant'></span>
<span class='color-sample bg-pale-contrast-h-dominant-dark'></span>
<span class='color-sample bg-pale-contrast-h-dominant-light'></span>
<span class='color-sample bg-pale-contrast-h-dominant-soft'></span>
<span class='color-sample bg-pale-contrast-h-sub-accent'></span>
<span class='color-sample bg-pale-contrast-h-sub-accent-dark'></span>
<span class='color-sample bg-pale-contrast-h-sub-accent-light'></span>
<span class='color-sample bg-pale-contrast-h-sub-accent-soft'></span>
<span class='color-sample bg-pale-contrast-h-sub-dominant'></span>
<span class='color-sample bg-pale-contrast-h-sub-dominant-dark'></span>
<span class='color-sample bg-pale-contrast-h-sub-dominant-light'></span>
<span class='color-sample bg-pale-contrast-h-sub-dominant-soft'></span>
</span>
1.69 Scheme "pale-contrast-i".
Scheme "pale" and scheme "contrast" "i"
Pale contrast i background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-contrast-i-accent'></span>
<span class='color-sample bg-pale-contrast-i-accent-dark'></span>
<span class='color-sample bg-pale-contrast-i-accent-light'></span>
<span class='color-sample bg-pale-contrast-i-accent-soft'></span>
<span class='color-sample bg-pale-contrast-i-dominant'></span>
<span class='color-sample bg-pale-contrast-i-dominant-dark'></span>
<span class='color-sample bg-pale-contrast-i-dominant-light'></span>
<span class='color-sample bg-pale-contrast-i-dominant-soft'></span>
<span class='color-sample bg-pale-contrast-i-sub-accent'></span>
<span class='color-sample bg-pale-contrast-i-sub-accent-dark'></span>
<span class='color-sample bg-pale-contrast-i-sub-accent-light'></span>
<span class='color-sample bg-pale-contrast-i-sub-accent-soft'></span>
<span class='color-sample bg-pale-contrast-i-sub-dominant'></span>
<span class='color-sample bg-pale-contrast-i-sub-dominant-dark'></span>
<span class='color-sample bg-pale-contrast-i-sub-dominant-light'></span>
<span class='color-sample bg-pale-contrast-i-sub-dominant-soft'></span>
</span>
1.70 Scheme "pale-contrast-j".
Scheme "pale" and scheme "contrast" "j"
Pale contrast j background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-contrast-j-accent'></span>
<span class='color-sample bg-pale-contrast-j-accent-dark'></span>
<span class='color-sample bg-pale-contrast-j-accent-light'></span>
<span class='color-sample bg-pale-contrast-j-accent-soft'></span>
<span class='color-sample bg-pale-contrast-j-dominant'></span>
<span class='color-sample bg-pale-contrast-j-dominant-dark'></span>
<span class='color-sample bg-pale-contrast-j-dominant-light'></span>
<span class='color-sample bg-pale-contrast-j-dominant-soft'></span>
<span class='color-sample bg-pale-contrast-j-sub-accent'></span>
<span class='color-sample bg-pale-contrast-j-sub-accent-dark'></span>
<span class='color-sample bg-pale-contrast-j-sub-accent-light'></span>
<span class='color-sample bg-pale-contrast-j-sub-accent-soft'></span>
<span class='color-sample bg-pale-contrast-j-sub-dominant'></span>
<span class='color-sample bg-pale-contrast-j-sub-dominant-dark'></span>
<span class='color-sample bg-pale-contrast-j-sub-dominant-light'></span>
<span class='color-sample bg-pale-contrast-j-sub-dominant-soft'></span>
</span>
1.71 Scheme "pale-contrast-k".
Scheme "pale" and scheme "contrast" "k"
Pale contrast k background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-contrast-k-accent'></span>
<span class='color-sample bg-pale-contrast-k-accent-dark'></span>
<span class='color-sample bg-pale-contrast-k-accent-light'></span>
<span class='color-sample bg-pale-contrast-k-accent-soft'></span>
<span class='color-sample bg-pale-contrast-k-dominant'></span>
<span class='color-sample bg-pale-contrast-k-dominant-dark'></span>
<span class='color-sample bg-pale-contrast-k-dominant-light'></span>
<span class='color-sample bg-pale-contrast-k-dominant-soft'></span>
<span class='color-sample bg-pale-contrast-k-sub-accent'></span>
<span class='color-sample bg-pale-contrast-k-sub-accent-dark'></span>
<span class='color-sample bg-pale-contrast-k-sub-accent-light'></span>
<span class='color-sample bg-pale-contrast-k-sub-accent-soft'></span>
<span class='color-sample bg-pale-contrast-k-sub-dominant'></span>
<span class='color-sample bg-pale-contrast-k-sub-dominant-dark'></span>
<span class='color-sample bg-pale-contrast-k-sub-dominant-light'></span>
<span class='color-sample bg-pale-contrast-k-sub-dominant-soft'></span>
</span>
1.72 Scheme "pale-contrast-l".
Scheme "pale" and scheme "contrast" "l"
Pale contrast l background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-contrast-l-accent'></span>
<span class='color-sample bg-pale-contrast-l-accent-dark'></span>
<span class='color-sample bg-pale-contrast-l-accent-light'></span>
<span class='color-sample bg-pale-contrast-l-accent-soft'></span>
<span class='color-sample bg-pale-contrast-l-dominant'></span>
<span class='color-sample bg-pale-contrast-l-dominant-dark'></span>
<span class='color-sample bg-pale-contrast-l-dominant-light'></span>
<span class='color-sample bg-pale-contrast-l-dominant-soft'></span>
<span class='color-sample bg-pale-contrast-l-sub-accent'></span>
<span class='color-sample bg-pale-contrast-l-sub-accent-dark'></span>
<span class='color-sample bg-pale-contrast-l-sub-accent-light'></span>
<span class='color-sample bg-pale-contrast-l-sub-accent-soft'></span>
<span class='color-sample bg-pale-contrast-l-sub-dominant'></span>
<span class='color-sample bg-pale-contrast-l-sub-dominant-dark'></span>
<span class='color-sample bg-pale-contrast-l-sub-dominant-light'></span>
<span class='color-sample bg-pale-contrast-l-sub-dominant-soft'></span>
</span>
1.73 Scheme "default-triade-a".
Scheme "default" and scheme "triade" "a"
Default triade a background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-triade-a-accent'></span>
<span class='color-sample bg-default-triade-a-accent-dark'></span>
<span class='color-sample bg-default-triade-a-accent-light'></span>
<span class='color-sample bg-default-triade-a-accent-soft'></span>
<span class='color-sample bg-default-triade-a-dominant'></span>
<span class='color-sample bg-default-triade-a-dominant-dark'></span>
<span class='color-sample bg-default-triade-a-dominant-light'></span>
<span class='color-sample bg-default-triade-a-dominant-soft'></span>
<span class='color-sample bg-default-triade-a-sub-accent'></span>
<span class='color-sample bg-default-triade-a-sub-accent-dark'></span>
<span class='color-sample bg-default-triade-a-sub-accent-light'></span>
<span class='color-sample bg-default-triade-a-sub-accent-soft'></span>
<span class='color-sample bg-default-triade-a-sub-dominant'></span>
<span class='color-sample bg-default-triade-a-sub-dominant-dark'></span>
<span class='color-sample bg-default-triade-a-sub-dominant-light'></span>
<span class='color-sample bg-default-triade-a-sub-dominant-soft'></span>
</span>
1.74 Scheme "default-triade-b".
Scheme "default" and scheme "triade" "b"
Default triade b background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-triade-b-accent'></span>
<span class='color-sample bg-default-triade-b-accent-dark'></span>
<span class='color-sample bg-default-triade-b-accent-light'></span>
<span class='color-sample bg-default-triade-b-accent-soft'></span>
<span class='color-sample bg-default-triade-b-dominant'></span>
<span class='color-sample bg-default-triade-b-dominant-dark'></span>
<span class='color-sample bg-default-triade-b-dominant-light'></span>
<span class='color-sample bg-default-triade-b-dominant-soft'></span>
<span class='color-sample bg-default-triade-b-sub-accent'></span>
<span class='color-sample bg-default-triade-b-sub-accent-dark'></span>
<span class='color-sample bg-default-triade-b-sub-accent-light'></span>
<span class='color-sample bg-default-triade-b-sub-accent-soft'></span>
<span class='color-sample bg-default-triade-b-sub-dominant'></span>
<span class='color-sample bg-default-triade-b-sub-dominant-dark'></span>
<span class='color-sample bg-default-triade-b-sub-dominant-light'></span>
<span class='color-sample bg-default-triade-b-sub-dominant-soft'></span>
</span>
1.75 Scheme "default-triade-c".
Scheme "default" and scheme "triade" "c"
Default triade c background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-triade-c-accent'></span>
<span class='color-sample bg-default-triade-c-accent-dark'></span>
<span class='color-sample bg-default-triade-c-accent-light'></span>
<span class='color-sample bg-default-triade-c-accent-soft'></span>
<span class='color-sample bg-default-triade-c-dominant'></span>
<span class='color-sample bg-default-triade-c-dominant-dark'></span>
<span class='color-sample bg-default-triade-c-dominant-light'></span>
<span class='color-sample bg-default-triade-c-dominant-soft'></span>
<span class='color-sample bg-default-triade-c-sub-accent'></span>
<span class='color-sample bg-default-triade-c-sub-accent-dark'></span>
<span class='color-sample bg-default-triade-c-sub-accent-light'></span>
<span class='color-sample bg-default-triade-c-sub-accent-soft'></span>
<span class='color-sample bg-default-triade-c-sub-dominant'></span>
<span class='color-sample bg-default-triade-c-sub-dominant-dark'></span>
<span class='color-sample bg-default-triade-c-sub-dominant-light'></span>
<span class='color-sample bg-default-triade-c-sub-dominant-soft'></span>
</span>
1.76 Scheme "default-triade-d".
Scheme "default" and scheme "triade" "d"
Default triade d background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-triade-d-accent'></span>
<span class='color-sample bg-default-triade-d-accent-dark'></span>
<span class='color-sample bg-default-triade-d-accent-light'></span>
<span class='color-sample bg-default-triade-d-accent-soft'></span>
<span class='color-sample bg-default-triade-d-dominant'></span>
<span class='color-sample bg-default-triade-d-dominant-dark'></span>
<span class='color-sample bg-default-triade-d-dominant-light'></span>
<span class='color-sample bg-default-triade-d-dominant-soft'></span>
<span class='color-sample bg-default-triade-d-sub-accent'></span>
<span class='color-sample bg-default-triade-d-sub-accent-dark'></span>
<span class='color-sample bg-default-triade-d-sub-accent-light'></span>
<span class='color-sample bg-default-triade-d-sub-accent-soft'></span>
<span class='color-sample bg-default-triade-d-sub-dominant'></span>
<span class='color-sample bg-default-triade-d-sub-dominant-dark'></span>
<span class='color-sample bg-default-triade-d-sub-dominant-light'></span>
<span class='color-sample bg-default-triade-d-sub-dominant-soft'></span>
</span>
1.77 Scheme "default-triade-e".
Scheme "default" and scheme "triade" "e"
Default triade e background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-triade-e-accent'></span>
<span class='color-sample bg-default-triade-e-accent-dark'></span>
<span class='color-sample bg-default-triade-e-accent-light'></span>
<span class='color-sample bg-default-triade-e-accent-soft'></span>
<span class='color-sample bg-default-triade-e-dominant'></span>
<span class='color-sample bg-default-triade-e-dominant-dark'></span>
<span class='color-sample bg-default-triade-e-dominant-light'></span>
<span class='color-sample bg-default-triade-e-dominant-soft'></span>
<span class='color-sample bg-default-triade-e-sub-accent'></span>
<span class='color-sample bg-default-triade-e-sub-accent-dark'></span>
<span class='color-sample bg-default-triade-e-sub-accent-light'></span>
<span class='color-sample bg-default-triade-e-sub-accent-soft'></span>
<span class='color-sample bg-default-triade-e-sub-dominant'></span>
<span class='color-sample bg-default-triade-e-sub-dominant-dark'></span>
<span class='color-sample bg-default-triade-e-sub-dominant-light'></span>
<span class='color-sample bg-default-triade-e-sub-dominant-soft'></span>
</span>
1.78 Scheme "default-triade-f".
Scheme "default" and scheme "triade" "f"
Default triade f background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-triade-f-accent'></span>
<span class='color-sample bg-default-triade-f-accent-dark'></span>
<span class='color-sample bg-default-triade-f-accent-light'></span>
<span class='color-sample bg-default-triade-f-accent-soft'></span>
<span class='color-sample bg-default-triade-f-dominant'></span>
<span class='color-sample bg-default-triade-f-dominant-dark'></span>
<span class='color-sample bg-default-triade-f-dominant-light'></span>
<span class='color-sample bg-default-triade-f-dominant-soft'></span>
<span class='color-sample bg-default-triade-f-sub-accent'></span>
<span class='color-sample bg-default-triade-f-sub-accent-dark'></span>
<span class='color-sample bg-default-triade-f-sub-accent-light'></span>
<span class='color-sample bg-default-triade-f-sub-accent-soft'></span>
<span class='color-sample bg-default-triade-f-sub-dominant'></span>
<span class='color-sample bg-default-triade-f-sub-dominant-dark'></span>
<span class='color-sample bg-default-triade-f-sub-dominant-light'></span>
<span class='color-sample bg-default-triade-f-sub-dominant-soft'></span>
</span>
1.79 Scheme "default-triade-g".
Scheme "default" and scheme "triade" "g"
Default triade g background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-triade-g-accent'></span>
<span class='color-sample bg-default-triade-g-accent-dark'></span>
<span class='color-sample bg-default-triade-g-accent-light'></span>
<span class='color-sample bg-default-triade-g-accent-soft'></span>
<span class='color-sample bg-default-triade-g-dominant'></span>
<span class='color-sample bg-default-triade-g-dominant-dark'></span>
<span class='color-sample bg-default-triade-g-dominant-light'></span>
<span class='color-sample bg-default-triade-g-dominant-soft'></span>
<span class='color-sample bg-default-triade-g-sub-accent'></span>
<span class='color-sample bg-default-triade-g-sub-accent-dark'></span>
<span class='color-sample bg-default-triade-g-sub-accent-light'></span>
<span class='color-sample bg-default-triade-g-sub-accent-soft'></span>
<span class='color-sample bg-default-triade-g-sub-dominant'></span>
<span class='color-sample bg-default-triade-g-sub-dominant-dark'></span>
<span class='color-sample bg-default-triade-g-sub-dominant-light'></span>
<span class='color-sample bg-default-triade-g-sub-dominant-soft'></span>
</span>
1.80 Scheme "default-triade-h".
Scheme "default" and scheme "triade" "h"
Default triade h background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-triade-h-accent'></span>
<span class='color-sample bg-default-triade-h-accent-dark'></span>
<span class='color-sample bg-default-triade-h-accent-light'></span>
<span class='color-sample bg-default-triade-h-accent-soft'></span>
<span class='color-sample bg-default-triade-h-dominant'></span>
<span class='color-sample bg-default-triade-h-dominant-dark'></span>
<span class='color-sample bg-default-triade-h-dominant-light'></span>
<span class='color-sample bg-default-triade-h-dominant-soft'></span>
<span class='color-sample bg-default-triade-h-sub-accent'></span>
<span class='color-sample bg-default-triade-h-sub-accent-dark'></span>
<span class='color-sample bg-default-triade-h-sub-accent-light'></span>
<span class='color-sample bg-default-triade-h-sub-accent-soft'></span>
<span class='color-sample bg-default-triade-h-sub-dominant'></span>
<span class='color-sample bg-default-triade-h-sub-dominant-dark'></span>
<span class='color-sample bg-default-triade-h-sub-dominant-light'></span>
<span class='color-sample bg-default-triade-h-sub-dominant-soft'></span>
</span>
1.81 Scheme "default-triade-i".
Scheme "default" and scheme "triade" "i"
Default triade i background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-triade-i-accent'></span>
<span class='color-sample bg-default-triade-i-accent-dark'></span>
<span class='color-sample bg-default-triade-i-accent-light'></span>
<span class='color-sample bg-default-triade-i-accent-soft'></span>
<span class='color-sample bg-default-triade-i-dominant'></span>
<span class='color-sample bg-default-triade-i-dominant-dark'></span>
<span class='color-sample bg-default-triade-i-dominant-light'></span>
<span class='color-sample bg-default-triade-i-dominant-soft'></span>
<span class='color-sample bg-default-triade-i-sub-accent'></span>
<span class='color-sample bg-default-triade-i-sub-accent-dark'></span>
<span class='color-sample bg-default-triade-i-sub-accent-light'></span>
<span class='color-sample bg-default-triade-i-sub-accent-soft'></span>
<span class='color-sample bg-default-triade-i-sub-dominant'></span>
<span class='color-sample bg-default-triade-i-sub-dominant-dark'></span>
<span class='color-sample bg-default-triade-i-sub-dominant-light'></span>
<span class='color-sample bg-default-triade-i-sub-dominant-soft'></span>
</span>
1.82 Scheme "default-triade-j".
Scheme "default" and scheme "triade" "j"
Default triade j background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-triade-j-accent'></span>
<span class='color-sample bg-default-triade-j-accent-dark'></span>
<span class='color-sample bg-default-triade-j-accent-light'></span>
<span class='color-sample bg-default-triade-j-accent-soft'></span>
<span class='color-sample bg-default-triade-j-dominant'></span>
<span class='color-sample bg-default-triade-j-dominant-dark'></span>
<span class='color-sample bg-default-triade-j-dominant-light'></span>
<span class='color-sample bg-default-triade-j-dominant-soft'></span>
<span class='color-sample bg-default-triade-j-sub-accent'></span>
<span class='color-sample bg-default-triade-j-sub-accent-dark'></span>
<span class='color-sample bg-default-triade-j-sub-accent-light'></span>
<span class='color-sample bg-default-triade-j-sub-accent-soft'></span>
<span class='color-sample bg-default-triade-j-sub-dominant'></span>
<span class='color-sample bg-default-triade-j-sub-dominant-dark'></span>
<span class='color-sample bg-default-triade-j-sub-dominant-light'></span>
<span class='color-sample bg-default-triade-j-sub-dominant-soft'></span>
</span>
1.83 Scheme "default-triade-k".
Scheme "default" and scheme "triade" "k"
Default triade k background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-triade-k-accent'></span>
<span class='color-sample bg-default-triade-k-accent-dark'></span>
<span class='color-sample bg-default-triade-k-accent-light'></span>
<span class='color-sample bg-default-triade-k-accent-soft'></span>
<span class='color-sample bg-default-triade-k-dominant'></span>
<span class='color-sample bg-default-triade-k-dominant-dark'></span>
<span class='color-sample bg-default-triade-k-dominant-light'></span>
<span class='color-sample bg-default-triade-k-dominant-soft'></span>
<span class='color-sample bg-default-triade-k-sub-accent'></span>
<span class='color-sample bg-default-triade-k-sub-accent-dark'></span>
<span class='color-sample bg-default-triade-k-sub-accent-light'></span>
<span class='color-sample bg-default-triade-k-sub-accent-soft'></span>
<span class='color-sample bg-default-triade-k-sub-dominant'></span>
<span class='color-sample bg-default-triade-k-sub-dominant-dark'></span>
<span class='color-sample bg-default-triade-k-sub-dominant-light'></span>
<span class='color-sample bg-default-triade-k-sub-dominant-soft'></span>
</span>
1.84 Scheme "default-triade-l".
Scheme "default" and scheme "triade" "l"
Default triade l background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-triade-l-accent'></span>
<span class='color-sample bg-default-triade-l-accent-dark'></span>
<span class='color-sample bg-default-triade-l-accent-light'></span>
<span class='color-sample bg-default-triade-l-accent-soft'></span>
<span class='color-sample bg-default-triade-l-dominant'></span>
<span class='color-sample bg-default-triade-l-dominant-dark'></span>
<span class='color-sample bg-default-triade-l-dominant-light'></span>
<span class='color-sample bg-default-triade-l-dominant-soft'></span>
<span class='color-sample bg-default-triade-l-sub-accent'></span>
<span class='color-sample bg-default-triade-l-sub-accent-dark'></span>
<span class='color-sample bg-default-triade-l-sub-accent-light'></span>
<span class='color-sample bg-default-triade-l-sub-accent-soft'></span>
<span class='color-sample bg-default-triade-l-sub-dominant'></span>
<span class='color-sample bg-default-triade-l-sub-dominant-dark'></span>
<span class='color-sample bg-default-triade-l-sub-dominant-light'></span>
<span class='color-sample bg-default-triade-l-sub-dominant-soft'></span>
</span>
1.85 Scheme "pastel-triade-a".
Scheme "pastel" and scheme "triade" "a"
Pastel triade a background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-triade-a-accent'></span>
<span class='color-sample bg-pastel-triade-a-accent-dark'></span>
<span class='color-sample bg-pastel-triade-a-accent-light'></span>
<span class='color-sample bg-pastel-triade-a-accent-soft'></span>
<span class='color-sample bg-pastel-triade-a-dominant'></span>
<span class='color-sample bg-pastel-triade-a-dominant-dark'></span>
<span class='color-sample bg-pastel-triade-a-dominant-light'></span>
<span class='color-sample bg-pastel-triade-a-dominant-soft'></span>
<span class='color-sample bg-pastel-triade-a-sub-accent'></span>
<span class='color-sample bg-pastel-triade-a-sub-accent-dark'></span>
<span class='color-sample bg-pastel-triade-a-sub-accent-light'></span>
<span class='color-sample bg-pastel-triade-a-sub-accent-soft'></span>
<span class='color-sample bg-pastel-triade-a-sub-dominant'></span>
<span class='color-sample bg-pastel-triade-a-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-triade-a-sub-dominant-light'></span>
<span class='color-sample bg-pastel-triade-a-sub-dominant-soft'></span>
</span>
1.86 Scheme "pastel-triade-b".
Scheme "pastel" and scheme "triade" "b"
Pastel triade b background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-triade-b-accent'></span>
<span class='color-sample bg-pastel-triade-b-accent-dark'></span>
<span class='color-sample bg-pastel-triade-b-accent-light'></span>
<span class='color-sample bg-pastel-triade-b-accent-soft'></span>
<span class='color-sample bg-pastel-triade-b-dominant'></span>
<span class='color-sample bg-pastel-triade-b-dominant-dark'></span>
<span class='color-sample bg-pastel-triade-b-dominant-light'></span>
<span class='color-sample bg-pastel-triade-b-dominant-soft'></span>
<span class='color-sample bg-pastel-triade-b-sub-accent'></span>
<span class='color-sample bg-pastel-triade-b-sub-accent-dark'></span>
<span class='color-sample bg-pastel-triade-b-sub-accent-light'></span>
<span class='color-sample bg-pastel-triade-b-sub-accent-soft'></span>
<span class='color-sample bg-pastel-triade-b-sub-dominant'></span>
<span class='color-sample bg-pastel-triade-b-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-triade-b-sub-dominant-light'></span>
<span class='color-sample bg-pastel-triade-b-sub-dominant-soft'></span>
</span>
1.87 Scheme "pastel-triade-c".
Scheme "pastel" and scheme "triade" "c"
Pastel triade c background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-triade-c-accent'></span>
<span class='color-sample bg-pastel-triade-c-accent-dark'></span>
<span class='color-sample bg-pastel-triade-c-accent-light'></span>
<span class='color-sample bg-pastel-triade-c-accent-soft'></span>
<span class='color-sample bg-pastel-triade-c-dominant'></span>
<span class='color-sample bg-pastel-triade-c-dominant-dark'></span>
<span class='color-sample bg-pastel-triade-c-dominant-light'></span>
<span class='color-sample bg-pastel-triade-c-dominant-soft'></span>
<span class='color-sample bg-pastel-triade-c-sub-accent'></span>
<span class='color-sample bg-pastel-triade-c-sub-accent-dark'></span>
<span class='color-sample bg-pastel-triade-c-sub-accent-light'></span>
<span class='color-sample bg-pastel-triade-c-sub-accent-soft'></span>
<span class='color-sample bg-pastel-triade-c-sub-dominant'></span>
<span class='color-sample bg-pastel-triade-c-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-triade-c-sub-dominant-light'></span>
<span class='color-sample bg-pastel-triade-c-sub-dominant-soft'></span>
</span>
1.88 Scheme "pastel-triade-d".
Scheme "pastel" and scheme "triade" "d"
Pastel triade d background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-triade-d-accent'></span>
<span class='color-sample bg-pastel-triade-d-accent-dark'></span>
<span class='color-sample bg-pastel-triade-d-accent-light'></span>
<span class='color-sample bg-pastel-triade-d-accent-soft'></span>
<span class='color-sample bg-pastel-triade-d-dominant'></span>
<span class='color-sample bg-pastel-triade-d-dominant-dark'></span>
<span class='color-sample bg-pastel-triade-d-dominant-light'></span>
<span class='color-sample bg-pastel-triade-d-dominant-soft'></span>
<span class='color-sample bg-pastel-triade-d-sub-accent'></span>
<span class='color-sample bg-pastel-triade-d-sub-accent-dark'></span>
<span class='color-sample bg-pastel-triade-d-sub-accent-light'></span>
<span class='color-sample bg-pastel-triade-d-sub-accent-soft'></span>
<span class='color-sample bg-pastel-triade-d-sub-dominant'></span>
<span class='color-sample bg-pastel-triade-d-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-triade-d-sub-dominant-light'></span>
<span class='color-sample bg-pastel-triade-d-sub-dominant-soft'></span>
</span>
1.89 Scheme "pastel-triade-e".
Scheme "pastel" and scheme "triade" "e"
Pastel triade e background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-triade-e-accent'></span>
<span class='color-sample bg-pastel-triade-e-accent-dark'></span>
<span class='color-sample bg-pastel-triade-e-accent-light'></span>
<span class='color-sample bg-pastel-triade-e-accent-soft'></span>
<span class='color-sample bg-pastel-triade-e-dominant'></span>
<span class='color-sample bg-pastel-triade-e-dominant-dark'></span>
<span class='color-sample bg-pastel-triade-e-dominant-light'></span>
<span class='color-sample bg-pastel-triade-e-dominant-soft'></span>
<span class='color-sample bg-pastel-triade-e-sub-accent'></span>
<span class='color-sample bg-pastel-triade-e-sub-accent-dark'></span>
<span class='color-sample bg-pastel-triade-e-sub-accent-light'></span>
<span class='color-sample bg-pastel-triade-e-sub-accent-soft'></span>
<span class='color-sample bg-pastel-triade-e-sub-dominant'></span>
<span class='color-sample bg-pastel-triade-e-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-triade-e-sub-dominant-light'></span>
<span class='color-sample bg-pastel-triade-e-sub-dominant-soft'></span>
</span>
1.90 Scheme "pastel-triade-f".
Scheme "pastel" and scheme "triade" "f"
Pastel triade f background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-triade-f-accent'></span>
<span class='color-sample bg-pastel-triade-f-accent-dark'></span>
<span class='color-sample bg-pastel-triade-f-accent-light'></span>
<span class='color-sample bg-pastel-triade-f-accent-soft'></span>
<span class='color-sample bg-pastel-triade-f-dominant'></span>
<span class='color-sample bg-pastel-triade-f-dominant-dark'></span>
<span class='color-sample bg-pastel-triade-f-dominant-light'></span>
<span class='color-sample bg-pastel-triade-f-dominant-soft'></span>
<span class='color-sample bg-pastel-triade-f-sub-accent'></span>
<span class='color-sample bg-pastel-triade-f-sub-accent-dark'></span>
<span class='color-sample bg-pastel-triade-f-sub-accent-light'></span>
<span class='color-sample bg-pastel-triade-f-sub-accent-soft'></span>
<span class='color-sample bg-pastel-triade-f-sub-dominant'></span>
<span class='color-sample bg-pastel-triade-f-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-triade-f-sub-dominant-light'></span>
<span class='color-sample bg-pastel-triade-f-sub-dominant-soft'></span>
</span>
1.91 Scheme "pastel-triade-g".
Scheme "pastel" and scheme "triade" "g"
Pastel triade g background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-triade-g-accent'></span>
<span class='color-sample bg-pastel-triade-g-accent-dark'></span>
<span class='color-sample bg-pastel-triade-g-accent-light'></span>
<span class='color-sample bg-pastel-triade-g-accent-soft'></span>
<span class='color-sample bg-pastel-triade-g-dominant'></span>
<span class='color-sample bg-pastel-triade-g-dominant-dark'></span>
<span class='color-sample bg-pastel-triade-g-dominant-light'></span>
<span class='color-sample bg-pastel-triade-g-dominant-soft'></span>
<span class='color-sample bg-pastel-triade-g-sub-accent'></span>
<span class='color-sample bg-pastel-triade-g-sub-accent-dark'></span>
<span class='color-sample bg-pastel-triade-g-sub-accent-light'></span>
<span class='color-sample bg-pastel-triade-g-sub-accent-soft'></span>
<span class='color-sample bg-pastel-triade-g-sub-dominant'></span>
<span class='color-sample bg-pastel-triade-g-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-triade-g-sub-dominant-light'></span>
<span class='color-sample bg-pastel-triade-g-sub-dominant-soft'></span>
</span>
1.92 Scheme "pastel-triade-h".
Scheme "pastel" and scheme "triade" "h"
Pastel triade h background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-triade-h-accent'></span>
<span class='color-sample bg-pastel-triade-h-accent-dark'></span>
<span class='color-sample bg-pastel-triade-h-accent-light'></span>
<span class='color-sample bg-pastel-triade-h-accent-soft'></span>
<span class='color-sample bg-pastel-triade-h-dominant'></span>
<span class='color-sample bg-pastel-triade-h-dominant-dark'></span>
<span class='color-sample bg-pastel-triade-h-dominant-light'></span>
<span class='color-sample bg-pastel-triade-h-dominant-soft'></span>
<span class='color-sample bg-pastel-triade-h-sub-accent'></span>
<span class='color-sample bg-pastel-triade-h-sub-accent-dark'></span>
<span class='color-sample bg-pastel-triade-h-sub-accent-light'></span>
<span class='color-sample bg-pastel-triade-h-sub-accent-soft'></span>
<span class='color-sample bg-pastel-triade-h-sub-dominant'></span>
<span class='color-sample bg-pastel-triade-h-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-triade-h-sub-dominant-light'></span>
<span class='color-sample bg-pastel-triade-h-sub-dominant-soft'></span>
</span>
1.93 Scheme "pastel-triade-i".
Scheme "pastel" and scheme "triade" "i"
Pastel triade i background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-triade-i-accent'></span>
<span class='color-sample bg-pastel-triade-i-accent-dark'></span>
<span class='color-sample bg-pastel-triade-i-accent-light'></span>
<span class='color-sample bg-pastel-triade-i-accent-soft'></span>
<span class='color-sample bg-pastel-triade-i-dominant'></span>
<span class='color-sample bg-pastel-triade-i-dominant-dark'></span>
<span class='color-sample bg-pastel-triade-i-dominant-light'></span>
<span class='color-sample bg-pastel-triade-i-dominant-soft'></span>
<span class='color-sample bg-pastel-triade-i-sub-accent'></span>
<span class='color-sample bg-pastel-triade-i-sub-accent-dark'></span>
<span class='color-sample bg-pastel-triade-i-sub-accent-light'></span>
<span class='color-sample bg-pastel-triade-i-sub-accent-soft'></span>
<span class='color-sample bg-pastel-triade-i-sub-dominant'></span>
<span class='color-sample bg-pastel-triade-i-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-triade-i-sub-dominant-light'></span>
<span class='color-sample bg-pastel-triade-i-sub-dominant-soft'></span>
</span>
1.94 Scheme "pastel-triade-j".
Scheme "pastel" and scheme "triade" "j"
Pastel triade j background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-triade-j-accent'></span>
<span class='color-sample bg-pastel-triade-j-accent-dark'></span>
<span class='color-sample bg-pastel-triade-j-accent-light'></span>
<span class='color-sample bg-pastel-triade-j-accent-soft'></span>
<span class='color-sample bg-pastel-triade-j-dominant'></span>
<span class='color-sample bg-pastel-triade-j-dominant-dark'></span>
<span class='color-sample bg-pastel-triade-j-dominant-light'></span>
<span class='color-sample bg-pastel-triade-j-dominant-soft'></span>
<span class='color-sample bg-pastel-triade-j-sub-accent'></span>
<span class='color-sample bg-pastel-triade-j-sub-accent-dark'></span>
<span class='color-sample bg-pastel-triade-j-sub-accent-light'></span>
<span class='color-sample bg-pastel-triade-j-sub-accent-soft'></span>
<span class='color-sample bg-pastel-triade-j-sub-dominant'></span>
<span class='color-sample bg-pastel-triade-j-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-triade-j-sub-dominant-light'></span>
<span class='color-sample bg-pastel-triade-j-sub-dominant-soft'></span>
</span>
1.95 Scheme "pastel-triade-k".
Scheme "pastel" and scheme "triade" "k"
Pastel triade k background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-triade-k-accent'></span>
<span class='color-sample bg-pastel-triade-k-accent-dark'></span>
<span class='color-sample bg-pastel-triade-k-accent-light'></span>
<span class='color-sample bg-pastel-triade-k-accent-soft'></span>
<span class='color-sample bg-pastel-triade-k-dominant'></span>
<span class='color-sample bg-pastel-triade-k-dominant-dark'></span>
<span class='color-sample bg-pastel-triade-k-dominant-light'></span>
<span class='color-sample bg-pastel-triade-k-dominant-soft'></span>
<span class='color-sample bg-pastel-triade-k-sub-accent'></span>
<span class='color-sample bg-pastel-triade-k-sub-accent-dark'></span>
<span class='color-sample bg-pastel-triade-k-sub-accent-light'></span>
<span class='color-sample bg-pastel-triade-k-sub-accent-soft'></span>
<span class='color-sample bg-pastel-triade-k-sub-dominant'></span>
<span class='color-sample bg-pastel-triade-k-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-triade-k-sub-dominant-light'></span>
<span class='color-sample bg-pastel-triade-k-sub-dominant-soft'></span>
</span>
1.96 Scheme "pastel-triade-l".
Scheme "pastel" and scheme "triade" "l"
Pastel triade l background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-triade-l-accent'></span>
<span class='color-sample bg-pastel-triade-l-accent-dark'></span>
<span class='color-sample bg-pastel-triade-l-accent-light'></span>
<span class='color-sample bg-pastel-triade-l-accent-soft'></span>
<span class='color-sample bg-pastel-triade-l-dominant'></span>
<span class='color-sample bg-pastel-triade-l-dominant-dark'></span>
<span class='color-sample bg-pastel-triade-l-dominant-light'></span>
<span class='color-sample bg-pastel-triade-l-dominant-soft'></span>
<span class='color-sample bg-pastel-triade-l-sub-accent'></span>
<span class='color-sample bg-pastel-triade-l-sub-accent-dark'></span>
<span class='color-sample bg-pastel-triade-l-sub-accent-light'></span>
<span class='color-sample bg-pastel-triade-l-sub-accent-soft'></span>
<span class='color-sample bg-pastel-triade-l-sub-dominant'></span>
<span class='color-sample bg-pastel-triade-l-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-triade-l-sub-dominant-light'></span>
<span class='color-sample bg-pastel-triade-l-sub-dominant-soft'></span>
</span>
1.97 Scheme "soft-triade-a".
Scheme "soft" and scheme "triade" "a"
Soft triade a background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-triade-a-accent'></span>
<span class='color-sample bg-soft-triade-a-accent-dark'></span>
<span class='color-sample bg-soft-triade-a-accent-light'></span>
<span class='color-sample bg-soft-triade-a-accent-soft'></span>
<span class='color-sample bg-soft-triade-a-dominant'></span>
<span class='color-sample bg-soft-triade-a-dominant-dark'></span>
<span class='color-sample bg-soft-triade-a-dominant-light'></span>
<span class='color-sample bg-soft-triade-a-dominant-soft'></span>
<span class='color-sample bg-soft-triade-a-sub-accent'></span>
<span class='color-sample bg-soft-triade-a-sub-accent-dark'></span>
<span class='color-sample bg-soft-triade-a-sub-accent-light'></span>
<span class='color-sample bg-soft-triade-a-sub-accent-soft'></span>
<span class='color-sample bg-soft-triade-a-sub-dominant'></span>
<span class='color-sample bg-soft-triade-a-sub-dominant-dark'></span>
<span class='color-sample bg-soft-triade-a-sub-dominant-light'></span>
<span class='color-sample bg-soft-triade-a-sub-dominant-soft'></span>
</span>
1.98 Scheme "soft-triade-b".
Scheme "soft" and scheme "triade" "b"
Soft triade b background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-triade-b-accent'></span>
<span class='color-sample bg-soft-triade-b-accent-dark'></span>
<span class='color-sample bg-soft-triade-b-accent-light'></span>
<span class='color-sample bg-soft-triade-b-accent-soft'></span>
<span class='color-sample bg-soft-triade-b-dominant'></span>
<span class='color-sample bg-soft-triade-b-dominant-dark'></span>
<span class='color-sample bg-soft-triade-b-dominant-light'></span>
<span class='color-sample bg-soft-triade-b-dominant-soft'></span>
<span class='color-sample bg-soft-triade-b-sub-accent'></span>
<span class='color-sample bg-soft-triade-b-sub-accent-dark'></span>
<span class='color-sample bg-soft-triade-b-sub-accent-light'></span>
<span class='color-sample bg-soft-triade-b-sub-accent-soft'></span>
<span class='color-sample bg-soft-triade-b-sub-dominant'></span>
<span class='color-sample bg-soft-triade-b-sub-dominant-dark'></span>
<span class='color-sample bg-soft-triade-b-sub-dominant-light'></span>
<span class='color-sample bg-soft-triade-b-sub-dominant-soft'></span>
</span>
1.99 Scheme "soft-triade-c".
Scheme "soft" and scheme "triade" "c"
Soft triade c background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-triade-c-accent'></span>
<span class='color-sample bg-soft-triade-c-accent-dark'></span>
<span class='color-sample bg-soft-triade-c-accent-light'></span>
<span class='color-sample bg-soft-triade-c-accent-soft'></span>
<span class='color-sample bg-soft-triade-c-dominant'></span>
<span class='color-sample bg-soft-triade-c-dominant-dark'></span>
<span class='color-sample bg-soft-triade-c-dominant-light'></span>
<span class='color-sample bg-soft-triade-c-dominant-soft'></span>
<span class='color-sample bg-soft-triade-c-sub-accent'></span>
<span class='color-sample bg-soft-triade-c-sub-accent-dark'></span>
<span class='color-sample bg-soft-triade-c-sub-accent-light'></span>
<span class='color-sample bg-soft-triade-c-sub-accent-soft'></span>
<span class='color-sample bg-soft-triade-c-sub-dominant'></span>
<span class='color-sample bg-soft-triade-c-sub-dominant-dark'></span>
<span class='color-sample bg-soft-triade-c-sub-dominant-light'></span>
<span class='color-sample bg-soft-triade-c-sub-dominant-soft'></span>
</span>
1.100 Scheme "soft-triade-d".
Scheme "soft" and scheme "triade" "d"
Soft triade d background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-triade-d-accent'></span>
<span class='color-sample bg-soft-triade-d-accent-dark'></span>
<span class='color-sample bg-soft-triade-d-accent-light'></span>
<span class='color-sample bg-soft-triade-d-accent-soft'></span>
<span class='color-sample bg-soft-triade-d-dominant'></span>
<span class='color-sample bg-soft-triade-d-dominant-dark'></span>
<span class='color-sample bg-soft-triade-d-dominant-light'></span>
<span class='color-sample bg-soft-triade-d-dominant-soft'></span>
<span class='color-sample bg-soft-triade-d-sub-accent'></span>
<span class='color-sample bg-soft-triade-d-sub-accent-dark'></span>
<span class='color-sample bg-soft-triade-d-sub-accent-light'></span>
<span class='color-sample bg-soft-triade-d-sub-accent-soft'></span>
<span class='color-sample bg-soft-triade-d-sub-dominant'></span>
<span class='color-sample bg-soft-triade-d-sub-dominant-dark'></span>
<span class='color-sample bg-soft-triade-d-sub-dominant-light'></span>
<span class='color-sample bg-soft-triade-d-sub-dominant-soft'></span>
</span>
1.101 Scheme "soft-triade-e".
Scheme "soft" and scheme "triade" "e"
Soft triade e background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-triade-e-accent'></span>
<span class='color-sample bg-soft-triade-e-accent-dark'></span>
<span class='color-sample bg-soft-triade-e-accent-light'></span>
<span class='color-sample bg-soft-triade-e-accent-soft'></span>
<span class='color-sample bg-soft-triade-e-dominant'></span>
<span class='color-sample bg-soft-triade-e-dominant-dark'></span>
<span class='color-sample bg-soft-triade-e-dominant-light'></span>
<span class='color-sample bg-soft-triade-e-dominant-soft'></span>
<span class='color-sample bg-soft-triade-e-sub-accent'></span>
<span class='color-sample bg-soft-triade-e-sub-accent-dark'></span>
<span class='color-sample bg-soft-triade-e-sub-accent-light'></span>
<span class='color-sample bg-soft-triade-e-sub-accent-soft'></span>
<span class='color-sample bg-soft-triade-e-sub-dominant'></span>
<span class='color-sample bg-soft-triade-e-sub-dominant-dark'></span>
<span class='color-sample bg-soft-triade-e-sub-dominant-light'></span>
<span class='color-sample bg-soft-triade-e-sub-dominant-soft'></span>
</span>
1.102 Scheme "soft-triade-f".
Scheme "soft" and scheme "triade" "f"
Soft triade f background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-triade-f-accent'></span>
<span class='color-sample bg-soft-triade-f-accent-dark'></span>
<span class='color-sample bg-soft-triade-f-accent-light'></span>
<span class='color-sample bg-soft-triade-f-accent-soft'></span>
<span class='color-sample bg-soft-triade-f-dominant'></span>
<span class='color-sample bg-soft-triade-f-dominant-dark'></span>
<span class='color-sample bg-soft-triade-f-dominant-light'></span>
<span class='color-sample bg-soft-triade-f-dominant-soft'></span>
<span class='color-sample bg-soft-triade-f-sub-accent'></span>
<span class='color-sample bg-soft-triade-f-sub-accent-dark'></span>
<span class='color-sample bg-soft-triade-f-sub-accent-light'></span>
<span class='color-sample bg-soft-triade-f-sub-accent-soft'></span>
<span class='color-sample bg-soft-triade-f-sub-dominant'></span>
<span class='color-sample bg-soft-triade-f-sub-dominant-dark'></span>
<span class='color-sample bg-soft-triade-f-sub-dominant-light'></span>
<span class='color-sample bg-soft-triade-f-sub-dominant-soft'></span>
</span>
1.103 Scheme "soft-triade-g".
Scheme "soft" and scheme "triade" "g"
Soft triade g background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-triade-g-accent'></span>
<span class='color-sample bg-soft-triade-g-accent-dark'></span>
<span class='color-sample bg-soft-triade-g-accent-light'></span>
<span class='color-sample bg-soft-triade-g-accent-soft'></span>
<span class='color-sample bg-soft-triade-g-dominant'></span>
<span class='color-sample bg-soft-triade-g-dominant-dark'></span>
<span class='color-sample bg-soft-triade-g-dominant-light'></span>
<span class='color-sample bg-soft-triade-g-dominant-soft'></span>
<span class='color-sample bg-soft-triade-g-sub-accent'></span>
<span class='color-sample bg-soft-triade-g-sub-accent-dark'></span>
<span class='color-sample bg-soft-triade-g-sub-accent-light'></span>
<span class='color-sample bg-soft-triade-g-sub-accent-soft'></span>
<span class='color-sample bg-soft-triade-g-sub-dominant'></span>
<span class='color-sample bg-soft-triade-g-sub-dominant-dark'></span>
<span class='color-sample bg-soft-triade-g-sub-dominant-light'></span>
<span class='color-sample bg-soft-triade-g-sub-dominant-soft'></span>
</span>
1.104 Scheme "soft-triade-h".
Scheme "soft" and scheme "triade" "h"
Soft triade h background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-triade-h-accent'></span>
<span class='color-sample bg-soft-triade-h-accent-dark'></span>
<span class='color-sample bg-soft-triade-h-accent-light'></span>
<span class='color-sample bg-soft-triade-h-accent-soft'></span>
<span class='color-sample bg-soft-triade-h-dominant'></span>
<span class='color-sample bg-soft-triade-h-dominant-dark'></span>
<span class='color-sample bg-soft-triade-h-dominant-light'></span>
<span class='color-sample bg-soft-triade-h-dominant-soft'></span>
<span class='color-sample bg-soft-triade-h-sub-accent'></span>
<span class='color-sample bg-soft-triade-h-sub-accent-dark'></span>
<span class='color-sample bg-soft-triade-h-sub-accent-light'></span>
<span class='color-sample bg-soft-triade-h-sub-accent-soft'></span>
<span class='color-sample bg-soft-triade-h-sub-dominant'></span>
<span class='color-sample bg-soft-triade-h-sub-dominant-dark'></span>
<span class='color-sample bg-soft-triade-h-sub-dominant-light'></span>
<span class='color-sample bg-soft-triade-h-sub-dominant-soft'></span>
</span>
1.105 Scheme "soft-triade-i".
Scheme "soft" and scheme "triade" "i"
Soft triade i background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-triade-i-accent'></span>
<span class='color-sample bg-soft-triade-i-accent-dark'></span>
<span class='color-sample bg-soft-triade-i-accent-light'></span>
<span class='color-sample bg-soft-triade-i-accent-soft'></span>
<span class='color-sample bg-soft-triade-i-dominant'></span>
<span class='color-sample bg-soft-triade-i-dominant-dark'></span>
<span class='color-sample bg-soft-triade-i-dominant-light'></span>
<span class='color-sample bg-soft-triade-i-dominant-soft'></span>
<span class='color-sample bg-soft-triade-i-sub-accent'></span>
<span class='color-sample bg-soft-triade-i-sub-accent-dark'></span>
<span class='color-sample bg-soft-triade-i-sub-accent-light'></span>
<span class='color-sample bg-soft-triade-i-sub-accent-soft'></span>
<span class='color-sample bg-soft-triade-i-sub-dominant'></span>
<span class='color-sample bg-soft-triade-i-sub-dominant-dark'></span>
<span class='color-sample bg-soft-triade-i-sub-dominant-light'></span>
<span class='color-sample bg-soft-triade-i-sub-dominant-soft'></span>
</span>
1.106 Scheme "soft-triade-j".
Scheme "soft" and scheme "triade" "j"
Soft triade j background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-triade-j-accent'></span>
<span class='color-sample bg-soft-triade-j-accent-dark'></span>
<span class='color-sample bg-soft-triade-j-accent-light'></span>
<span class='color-sample bg-soft-triade-j-accent-soft'></span>
<span class='color-sample bg-soft-triade-j-dominant'></span>
<span class='color-sample bg-soft-triade-j-dominant-dark'></span>
<span class='color-sample bg-soft-triade-j-dominant-light'></span>
<span class='color-sample bg-soft-triade-j-dominant-soft'></span>
<span class='color-sample bg-soft-triade-j-sub-accent'></span>
<span class='color-sample bg-soft-triade-j-sub-accent-dark'></span>
<span class='color-sample bg-soft-triade-j-sub-accent-light'></span>
<span class='color-sample bg-soft-triade-j-sub-accent-soft'></span>
<span class='color-sample bg-soft-triade-j-sub-dominant'></span>
<span class='color-sample bg-soft-triade-j-sub-dominant-dark'></span>
<span class='color-sample bg-soft-triade-j-sub-dominant-light'></span>
<span class='color-sample bg-soft-triade-j-sub-dominant-soft'></span>
</span>
1.107 Scheme "soft-triade-k".
Scheme "soft" and scheme "triade" "k"
Soft triade k background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-triade-k-accent'></span>
<span class='color-sample bg-soft-triade-k-accent-dark'></span>
<span class='color-sample bg-soft-triade-k-accent-light'></span>
<span class='color-sample bg-soft-triade-k-accent-soft'></span>
<span class='color-sample bg-soft-triade-k-dominant'></span>
<span class='color-sample bg-soft-triade-k-dominant-dark'></span>
<span class='color-sample bg-soft-triade-k-dominant-light'></span>
<span class='color-sample bg-soft-triade-k-dominant-soft'></span>
<span class='color-sample bg-soft-triade-k-sub-accent'></span>
<span class='color-sample bg-soft-triade-k-sub-accent-dark'></span>
<span class='color-sample bg-soft-triade-k-sub-accent-light'></span>
<span class='color-sample bg-soft-triade-k-sub-accent-soft'></span>
<span class='color-sample bg-soft-triade-k-sub-dominant'></span>
<span class='color-sample bg-soft-triade-k-sub-dominant-dark'></span>
<span class='color-sample bg-soft-triade-k-sub-dominant-light'></span>
<span class='color-sample bg-soft-triade-k-sub-dominant-soft'></span>
</span>
1.108 Scheme "soft-triade-l".
Scheme "soft" and scheme "triade" "l"
Soft triade l background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-triade-l-accent'></span>
<span class='color-sample bg-soft-triade-l-accent-dark'></span>
<span class='color-sample bg-soft-triade-l-accent-light'></span>
<span class='color-sample bg-soft-triade-l-accent-soft'></span>
<span class='color-sample bg-soft-triade-l-dominant'></span>
<span class='color-sample bg-soft-triade-l-dominant-dark'></span>
<span class='color-sample bg-soft-triade-l-dominant-light'></span>
<span class='color-sample bg-soft-triade-l-dominant-soft'></span>
<span class='color-sample bg-soft-triade-l-sub-accent'></span>
<span class='color-sample bg-soft-triade-l-sub-accent-dark'></span>
<span class='color-sample bg-soft-triade-l-sub-accent-light'></span>
<span class='color-sample bg-soft-triade-l-sub-accent-soft'></span>
<span class='color-sample bg-soft-triade-l-sub-dominant'></span>
<span class='color-sample bg-soft-triade-l-sub-dominant-dark'></span>
<span class='color-sample bg-soft-triade-l-sub-dominant-light'></span>
<span class='color-sample bg-soft-triade-l-sub-dominant-soft'></span>
</span>
1.109 Scheme "light-triade-a".
Scheme "light" and scheme "triade" "a"
Light triade a background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-triade-a-accent'></span>
<span class='color-sample bg-light-triade-a-accent-dark'></span>
<span class='color-sample bg-light-triade-a-accent-light'></span>
<span class='color-sample bg-light-triade-a-accent-soft'></span>
<span class='color-sample bg-light-triade-a-dominant'></span>
<span class='color-sample bg-light-triade-a-dominant-dark'></span>
<span class='color-sample bg-light-triade-a-dominant-light'></span>
<span class='color-sample bg-light-triade-a-dominant-soft'></span>
<span class='color-sample bg-light-triade-a-sub-accent'></span>
<span class='color-sample bg-light-triade-a-sub-accent-dark'></span>
<span class='color-sample bg-light-triade-a-sub-accent-light'></span>
<span class='color-sample bg-light-triade-a-sub-accent-soft'></span>
<span class='color-sample bg-light-triade-a-sub-dominant'></span>
<span class='color-sample bg-light-triade-a-sub-dominant-dark'></span>
<span class='color-sample bg-light-triade-a-sub-dominant-light'></span>
<span class='color-sample bg-light-triade-a-sub-dominant-soft'></span>
</span>
1.110 Scheme "light-triade-b".
Scheme "light" and scheme "triade" "b"
Light triade b background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-triade-b-accent'></span>
<span class='color-sample bg-light-triade-b-accent-dark'></span>
<span class='color-sample bg-light-triade-b-accent-light'></span>
<span class='color-sample bg-light-triade-b-accent-soft'></span>
<span class='color-sample bg-light-triade-b-dominant'></span>
<span class='color-sample bg-light-triade-b-dominant-dark'></span>
<span class='color-sample bg-light-triade-b-dominant-light'></span>
<span class='color-sample bg-light-triade-b-dominant-soft'></span>
<span class='color-sample bg-light-triade-b-sub-accent'></span>
<span class='color-sample bg-light-triade-b-sub-accent-dark'></span>
<span class='color-sample bg-light-triade-b-sub-accent-light'></span>
<span class='color-sample bg-light-triade-b-sub-accent-soft'></span>
<span class='color-sample bg-light-triade-b-sub-dominant'></span>
<span class='color-sample bg-light-triade-b-sub-dominant-dark'></span>
<span class='color-sample bg-light-triade-b-sub-dominant-light'></span>
<span class='color-sample bg-light-triade-b-sub-dominant-soft'></span>
</span>
1.111 Scheme "light-triade-c".
Scheme "light" and scheme "triade" "c"
Light triade c background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-triade-c-accent'></span>
<span class='color-sample bg-light-triade-c-accent-dark'></span>
<span class='color-sample bg-light-triade-c-accent-light'></span>
<span class='color-sample bg-light-triade-c-accent-soft'></span>
<span class='color-sample bg-light-triade-c-dominant'></span>
<span class='color-sample bg-light-triade-c-dominant-dark'></span>
<span class='color-sample bg-light-triade-c-dominant-light'></span>
<span class='color-sample bg-light-triade-c-dominant-soft'></span>
<span class='color-sample bg-light-triade-c-sub-accent'></span>
<span class='color-sample bg-light-triade-c-sub-accent-dark'></span>
<span class='color-sample bg-light-triade-c-sub-accent-light'></span>
<span class='color-sample bg-light-triade-c-sub-accent-soft'></span>
<span class='color-sample bg-light-triade-c-sub-dominant'></span>
<span class='color-sample bg-light-triade-c-sub-dominant-dark'></span>
<span class='color-sample bg-light-triade-c-sub-dominant-light'></span>
<span class='color-sample bg-light-triade-c-sub-dominant-soft'></span>
</span>
1.112 Scheme "light-triade-d".
Scheme "light" and scheme "triade" "d"
Light triade d background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-triade-d-accent'></span>
<span class='color-sample bg-light-triade-d-accent-dark'></span>
<span class='color-sample bg-light-triade-d-accent-light'></span>
<span class='color-sample bg-light-triade-d-accent-soft'></span>
<span class='color-sample bg-light-triade-d-dominant'></span>
<span class='color-sample bg-light-triade-d-dominant-dark'></span>
<span class='color-sample bg-light-triade-d-dominant-light'></span>
<span class='color-sample bg-light-triade-d-dominant-soft'></span>
<span class='color-sample bg-light-triade-d-sub-accent'></span>
<span class='color-sample bg-light-triade-d-sub-accent-dark'></span>
<span class='color-sample bg-light-triade-d-sub-accent-light'></span>
<span class='color-sample bg-light-triade-d-sub-accent-soft'></span>
<span class='color-sample bg-light-triade-d-sub-dominant'></span>
<span class='color-sample bg-light-triade-d-sub-dominant-dark'></span>
<span class='color-sample bg-light-triade-d-sub-dominant-light'></span>
<span class='color-sample bg-light-triade-d-sub-dominant-soft'></span>
</span>
1.113 Scheme "light-triade-e".
Scheme "light" and scheme "triade" "e"
Light triade e background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-triade-e-accent'></span>
<span class='color-sample bg-light-triade-e-accent-dark'></span>
<span class='color-sample bg-light-triade-e-accent-light'></span>
<span class='color-sample bg-light-triade-e-accent-soft'></span>
<span class='color-sample bg-light-triade-e-dominant'></span>
<span class='color-sample bg-light-triade-e-dominant-dark'></span>
<span class='color-sample bg-light-triade-e-dominant-light'></span>
<span class='color-sample bg-light-triade-e-dominant-soft'></span>
<span class='color-sample bg-light-triade-e-sub-accent'></span>
<span class='color-sample bg-light-triade-e-sub-accent-dark'></span>
<span class='color-sample bg-light-triade-e-sub-accent-light'></span>
<span class='color-sample bg-light-triade-e-sub-accent-soft'></span>
<span class='color-sample bg-light-triade-e-sub-dominant'></span>
<span class='color-sample bg-light-triade-e-sub-dominant-dark'></span>
<span class='color-sample bg-light-triade-e-sub-dominant-light'></span>
<span class='color-sample bg-light-triade-e-sub-dominant-soft'></span>
</span>
1.114 Scheme "light-triade-f".
Scheme "light" and scheme "triade" "f"
Light triade f background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-triade-f-accent'></span>
<span class='color-sample bg-light-triade-f-accent-dark'></span>
<span class='color-sample bg-light-triade-f-accent-light'></span>
<span class='color-sample bg-light-triade-f-accent-soft'></span>
<span class='color-sample bg-light-triade-f-dominant'></span>
<span class='color-sample bg-light-triade-f-dominant-dark'></span>
<span class='color-sample bg-light-triade-f-dominant-light'></span>
<span class='color-sample bg-light-triade-f-dominant-soft'></span>
<span class='color-sample bg-light-triade-f-sub-accent'></span>
<span class='color-sample bg-light-triade-f-sub-accent-dark'></span>
<span class='color-sample bg-light-triade-f-sub-accent-light'></span>
<span class='color-sample bg-light-triade-f-sub-accent-soft'></span>
<span class='color-sample bg-light-triade-f-sub-dominant'></span>
<span class='color-sample bg-light-triade-f-sub-dominant-dark'></span>
<span class='color-sample bg-light-triade-f-sub-dominant-light'></span>
<span class='color-sample bg-light-triade-f-sub-dominant-soft'></span>
</span>
1.115 Scheme "light-triade-g".
Scheme "light" and scheme "triade" "g"
Light triade g background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-triade-g-accent'></span>
<span class='color-sample bg-light-triade-g-accent-dark'></span>
<span class='color-sample bg-light-triade-g-accent-light'></span>
<span class='color-sample bg-light-triade-g-accent-soft'></span>
<span class='color-sample bg-light-triade-g-dominant'></span>
<span class='color-sample bg-light-triade-g-dominant-dark'></span>
<span class='color-sample bg-light-triade-g-dominant-light'></span>
<span class='color-sample bg-light-triade-g-dominant-soft'></span>
<span class='color-sample bg-light-triade-g-sub-accent'></span>
<span class='color-sample bg-light-triade-g-sub-accent-dark'></span>
<span class='color-sample bg-light-triade-g-sub-accent-light'></span>
<span class='color-sample bg-light-triade-g-sub-accent-soft'></span>
<span class='color-sample bg-light-triade-g-sub-dominant'></span>
<span class='color-sample bg-light-triade-g-sub-dominant-dark'></span>
<span class='color-sample bg-light-triade-g-sub-dominant-light'></span>
<span class='color-sample bg-light-triade-g-sub-dominant-soft'></span>
</span>
1.116 Scheme "light-triade-h".
Scheme "light" and scheme "triade" "h"
Light triade h background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-triade-h-accent'></span>
<span class='color-sample bg-light-triade-h-accent-dark'></span>
<span class='color-sample bg-light-triade-h-accent-light'></span>
<span class='color-sample bg-light-triade-h-accent-soft'></span>
<span class='color-sample bg-light-triade-h-dominant'></span>
<span class='color-sample bg-light-triade-h-dominant-dark'></span>
<span class='color-sample bg-light-triade-h-dominant-light'></span>
<span class='color-sample bg-light-triade-h-dominant-soft'></span>
<span class='color-sample bg-light-triade-h-sub-accent'></span>
<span class='color-sample bg-light-triade-h-sub-accent-dark'></span>
<span class='color-sample bg-light-triade-h-sub-accent-light'></span>
<span class='color-sample bg-light-triade-h-sub-accent-soft'></span>
<span class='color-sample bg-light-triade-h-sub-dominant'></span>
<span class='color-sample bg-light-triade-h-sub-dominant-dark'></span>
<span class='color-sample bg-light-triade-h-sub-dominant-light'></span>
<span class='color-sample bg-light-triade-h-sub-dominant-soft'></span>
</span>
1.117 Scheme "light-triade-i".
Scheme "light" and scheme "triade" "i"
Light triade i background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-triade-i-accent'></span>
<span class='color-sample bg-light-triade-i-accent-dark'></span>
<span class='color-sample bg-light-triade-i-accent-light'></span>
<span class='color-sample bg-light-triade-i-accent-soft'></span>
<span class='color-sample bg-light-triade-i-dominant'></span>
<span class='color-sample bg-light-triade-i-dominant-dark'></span>
<span class='color-sample bg-light-triade-i-dominant-light'></span>
<span class='color-sample bg-light-triade-i-dominant-soft'></span>
<span class='color-sample bg-light-triade-i-sub-accent'></span>
<span class='color-sample bg-light-triade-i-sub-accent-dark'></span>
<span class='color-sample bg-light-triade-i-sub-accent-light'></span>
<span class='color-sample bg-light-triade-i-sub-accent-soft'></span>
<span class='color-sample bg-light-triade-i-sub-dominant'></span>
<span class='color-sample bg-light-triade-i-sub-dominant-dark'></span>
<span class='color-sample bg-light-triade-i-sub-dominant-light'></span>
<span class='color-sample bg-light-triade-i-sub-dominant-soft'></span>
</span>
1.118 Scheme "light-triade-j".
Scheme "light" and scheme "triade" "j"
Light triade j background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-triade-j-accent'></span>
<span class='color-sample bg-light-triade-j-accent-dark'></span>
<span class='color-sample bg-light-triade-j-accent-light'></span>
<span class='color-sample bg-light-triade-j-accent-soft'></span>
<span class='color-sample bg-light-triade-j-dominant'></span>
<span class='color-sample bg-light-triade-j-dominant-dark'></span>
<span class='color-sample bg-light-triade-j-dominant-light'></span>
<span class='color-sample bg-light-triade-j-dominant-soft'></span>
<span class='color-sample bg-light-triade-j-sub-accent'></span>
<span class='color-sample bg-light-triade-j-sub-accent-dark'></span>
<span class='color-sample bg-light-triade-j-sub-accent-light'></span>
<span class='color-sample bg-light-triade-j-sub-accent-soft'></span>
<span class='color-sample bg-light-triade-j-sub-dominant'></span>
<span class='color-sample bg-light-triade-j-sub-dominant-dark'></span>
<span class='color-sample bg-light-triade-j-sub-dominant-light'></span>
<span class='color-sample bg-light-triade-j-sub-dominant-soft'></span>
</span>
1.119 Scheme "light-triade-k".
Scheme "light" and scheme "triade" "k"
Light triade k background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-triade-k-accent'></span>
<span class='color-sample bg-light-triade-k-accent-dark'></span>
<span class='color-sample bg-light-triade-k-accent-light'></span>
<span class='color-sample bg-light-triade-k-accent-soft'></span>
<span class='color-sample bg-light-triade-k-dominant'></span>
<span class='color-sample bg-light-triade-k-dominant-dark'></span>
<span class='color-sample bg-light-triade-k-dominant-light'></span>
<span class='color-sample bg-light-triade-k-dominant-soft'></span>
<span class='color-sample bg-light-triade-k-sub-accent'></span>
<span class='color-sample bg-light-triade-k-sub-accent-dark'></span>
<span class='color-sample bg-light-triade-k-sub-accent-light'></span>
<span class='color-sample bg-light-triade-k-sub-accent-soft'></span>
<span class='color-sample bg-light-triade-k-sub-dominant'></span>
<span class='color-sample bg-light-triade-k-sub-dominant-dark'></span>
<span class='color-sample bg-light-triade-k-sub-dominant-light'></span>
<span class='color-sample bg-light-triade-k-sub-dominant-soft'></span>
</span>
1.120 Scheme "light-triade-l".
Scheme "light" and scheme "triade" "l"
Light triade l background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-triade-l-accent'></span>
<span class='color-sample bg-light-triade-l-accent-dark'></span>
<span class='color-sample bg-light-triade-l-accent-light'></span>
<span class='color-sample bg-light-triade-l-accent-soft'></span>
<span class='color-sample bg-light-triade-l-dominant'></span>
<span class='color-sample bg-light-triade-l-dominant-dark'></span>
<span class='color-sample bg-light-triade-l-dominant-light'></span>
<span class='color-sample bg-light-triade-l-dominant-soft'></span>
<span class='color-sample bg-light-triade-l-sub-accent'></span>
<span class='color-sample bg-light-triade-l-sub-accent-dark'></span>
<span class='color-sample bg-light-triade-l-sub-accent-light'></span>
<span class='color-sample bg-light-triade-l-sub-accent-soft'></span>
<span class='color-sample bg-light-triade-l-sub-dominant'></span>
<span class='color-sample bg-light-triade-l-sub-dominant-dark'></span>
<span class='color-sample bg-light-triade-l-sub-dominant-light'></span>
<span class='color-sample bg-light-triade-l-sub-dominant-soft'></span>
</span>
1.121 Scheme "hard-triade-a".
Scheme "hard" and scheme "triade" "a"
Hard triade a background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-triade-a-accent'></span>
<span class='color-sample bg-hard-triade-a-accent-dark'></span>
<span class='color-sample bg-hard-triade-a-accent-light'></span>
<span class='color-sample bg-hard-triade-a-accent-soft'></span>
<span class='color-sample bg-hard-triade-a-dominant'></span>
<span class='color-sample bg-hard-triade-a-dominant-dark'></span>
<span class='color-sample bg-hard-triade-a-dominant-light'></span>
<span class='color-sample bg-hard-triade-a-dominant-soft'></span>
<span class='color-sample bg-hard-triade-a-sub-accent'></span>
<span class='color-sample bg-hard-triade-a-sub-accent-dark'></span>
<span class='color-sample bg-hard-triade-a-sub-accent-light'></span>
<span class='color-sample bg-hard-triade-a-sub-accent-soft'></span>
<span class='color-sample bg-hard-triade-a-sub-dominant'></span>
<span class='color-sample bg-hard-triade-a-sub-dominant-dark'></span>
<span class='color-sample bg-hard-triade-a-sub-dominant-light'></span>
<span class='color-sample bg-hard-triade-a-sub-dominant-soft'></span>
</span>
1.122 Scheme "hard-triade-b".
Scheme "hard" and scheme "triade" "b"
Hard triade b background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-triade-b-accent'></span>
<span class='color-sample bg-hard-triade-b-accent-dark'></span>
<span class='color-sample bg-hard-triade-b-accent-light'></span>
<span class='color-sample bg-hard-triade-b-accent-soft'></span>
<span class='color-sample bg-hard-triade-b-dominant'></span>
<span class='color-sample bg-hard-triade-b-dominant-dark'></span>
<span class='color-sample bg-hard-triade-b-dominant-light'></span>
<span class='color-sample bg-hard-triade-b-dominant-soft'></span>
<span class='color-sample bg-hard-triade-b-sub-accent'></span>
<span class='color-sample bg-hard-triade-b-sub-accent-dark'></span>
<span class='color-sample bg-hard-triade-b-sub-accent-light'></span>
<span class='color-sample bg-hard-triade-b-sub-accent-soft'></span>
<span class='color-sample bg-hard-triade-b-sub-dominant'></span>
<span class='color-sample bg-hard-triade-b-sub-dominant-dark'></span>
<span class='color-sample bg-hard-triade-b-sub-dominant-light'></span>
<span class='color-sample bg-hard-triade-b-sub-dominant-soft'></span>
</span>
1.123 Scheme "hard-triade-c".
Scheme "hard" and scheme "triade" "c"
Hard triade c background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-triade-c-accent'></span>
<span class='color-sample bg-hard-triade-c-accent-dark'></span>
<span class='color-sample bg-hard-triade-c-accent-light'></span>
<span class='color-sample bg-hard-triade-c-accent-soft'></span>
<span class='color-sample bg-hard-triade-c-dominant'></span>
<span class='color-sample bg-hard-triade-c-dominant-dark'></span>
<span class='color-sample bg-hard-triade-c-dominant-light'></span>
<span class='color-sample bg-hard-triade-c-dominant-soft'></span>
<span class='color-sample bg-hard-triade-c-sub-accent'></span>
<span class='color-sample bg-hard-triade-c-sub-accent-dark'></span>
<span class='color-sample bg-hard-triade-c-sub-accent-light'></span>
<span class='color-sample bg-hard-triade-c-sub-accent-soft'></span>
<span class='color-sample bg-hard-triade-c-sub-dominant'></span>
<span class='color-sample bg-hard-triade-c-sub-dominant-dark'></span>
<span class='color-sample bg-hard-triade-c-sub-dominant-light'></span>
<span class='color-sample bg-hard-triade-c-sub-dominant-soft'></span>
</span>
1.124 Scheme "hard-triade-d".
Scheme "hard" and scheme "triade" "d"
Hard triade d background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-triade-d-accent'></span>
<span class='color-sample bg-hard-triade-d-accent-dark'></span>
<span class='color-sample bg-hard-triade-d-accent-light'></span>
<span class='color-sample bg-hard-triade-d-accent-soft'></span>
<span class='color-sample bg-hard-triade-d-dominant'></span>
<span class='color-sample bg-hard-triade-d-dominant-dark'></span>
<span class='color-sample bg-hard-triade-d-dominant-light'></span>
<span class='color-sample bg-hard-triade-d-dominant-soft'></span>
<span class='color-sample bg-hard-triade-d-sub-accent'></span>
<span class='color-sample bg-hard-triade-d-sub-accent-dark'></span>
<span class='color-sample bg-hard-triade-d-sub-accent-light'></span>
<span class='color-sample bg-hard-triade-d-sub-accent-soft'></span>
<span class='color-sample bg-hard-triade-d-sub-dominant'></span>
<span class='color-sample bg-hard-triade-d-sub-dominant-dark'></span>
<span class='color-sample bg-hard-triade-d-sub-dominant-light'></span>
<span class='color-sample bg-hard-triade-d-sub-dominant-soft'></span>
</span>
1.125 Scheme "hard-triade-e".
Scheme "hard" and scheme "triade" "e"
Hard triade e background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-triade-e-accent'></span>
<span class='color-sample bg-hard-triade-e-accent-dark'></span>
<span class='color-sample bg-hard-triade-e-accent-light'></span>
<span class='color-sample bg-hard-triade-e-accent-soft'></span>
<span class='color-sample bg-hard-triade-e-dominant'></span>
<span class='color-sample bg-hard-triade-e-dominant-dark'></span>
<span class='color-sample bg-hard-triade-e-dominant-light'></span>
<span class='color-sample bg-hard-triade-e-dominant-soft'></span>
<span class='color-sample bg-hard-triade-e-sub-accent'></span>
<span class='color-sample bg-hard-triade-e-sub-accent-dark'></span>
<span class='color-sample bg-hard-triade-e-sub-accent-light'></span>
<span class='color-sample bg-hard-triade-e-sub-accent-soft'></span>
<span class='color-sample bg-hard-triade-e-sub-dominant'></span>
<span class='color-sample bg-hard-triade-e-sub-dominant-dark'></span>
<span class='color-sample bg-hard-triade-e-sub-dominant-light'></span>
<span class='color-sample bg-hard-triade-e-sub-dominant-soft'></span>
</span>
1.126 Scheme "hard-triade-f".
Scheme "hard" and scheme "triade" "f"
Hard triade f background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-triade-f-accent'></span>
<span class='color-sample bg-hard-triade-f-accent-dark'></span>
<span class='color-sample bg-hard-triade-f-accent-light'></span>
<span class='color-sample bg-hard-triade-f-accent-soft'></span>
<span class='color-sample bg-hard-triade-f-dominant'></span>
<span class='color-sample bg-hard-triade-f-dominant-dark'></span>
<span class='color-sample bg-hard-triade-f-dominant-light'></span>
<span class='color-sample bg-hard-triade-f-dominant-soft'></span>
<span class='color-sample bg-hard-triade-f-sub-accent'></span>
<span class='color-sample bg-hard-triade-f-sub-accent-dark'></span>
<span class='color-sample bg-hard-triade-f-sub-accent-light'></span>
<span class='color-sample bg-hard-triade-f-sub-accent-soft'></span>
<span class='color-sample bg-hard-triade-f-sub-dominant'></span>
<span class='color-sample bg-hard-triade-f-sub-dominant-dark'></span>
<span class='color-sample bg-hard-triade-f-sub-dominant-light'></span>
<span class='color-sample bg-hard-triade-f-sub-dominant-soft'></span>
</span>
1.127 Scheme "hard-triade-g".
Scheme "hard" and scheme "triade" "g"
Hard triade g background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-triade-g-accent'></span>
<span class='color-sample bg-hard-triade-g-accent-dark'></span>
<span class='color-sample bg-hard-triade-g-accent-light'></span>
<span class='color-sample bg-hard-triade-g-accent-soft'></span>
<span class='color-sample bg-hard-triade-g-dominant'></span>
<span class='color-sample bg-hard-triade-g-dominant-dark'></span>
<span class='color-sample bg-hard-triade-g-dominant-light'></span>
<span class='color-sample bg-hard-triade-g-dominant-soft'></span>
<span class='color-sample bg-hard-triade-g-sub-accent'></span>
<span class='color-sample bg-hard-triade-g-sub-accent-dark'></span>
<span class='color-sample bg-hard-triade-g-sub-accent-light'></span>
<span class='color-sample bg-hard-triade-g-sub-accent-soft'></span>
<span class='color-sample bg-hard-triade-g-sub-dominant'></span>
<span class='color-sample bg-hard-triade-g-sub-dominant-dark'></span>
<span class='color-sample bg-hard-triade-g-sub-dominant-light'></span>
<span class='color-sample bg-hard-triade-g-sub-dominant-soft'></span>
</span>
1.128 Scheme "hard-triade-h".
Scheme "hard" and scheme "triade" "h"
Hard triade h background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-triade-h-accent'></span>
<span class='color-sample bg-hard-triade-h-accent-dark'></span>
<span class='color-sample bg-hard-triade-h-accent-light'></span>
<span class='color-sample bg-hard-triade-h-accent-soft'></span>
<span class='color-sample bg-hard-triade-h-dominant'></span>
<span class='color-sample bg-hard-triade-h-dominant-dark'></span>
<span class='color-sample bg-hard-triade-h-dominant-light'></span>
<span class='color-sample bg-hard-triade-h-dominant-soft'></span>
<span class='color-sample bg-hard-triade-h-sub-accent'></span>
<span class='color-sample bg-hard-triade-h-sub-accent-dark'></span>
<span class='color-sample bg-hard-triade-h-sub-accent-light'></span>
<span class='color-sample bg-hard-triade-h-sub-accent-soft'></span>
<span class='color-sample bg-hard-triade-h-sub-dominant'></span>
<span class='color-sample bg-hard-triade-h-sub-dominant-dark'></span>
<span class='color-sample bg-hard-triade-h-sub-dominant-light'></span>
<span class='color-sample bg-hard-triade-h-sub-dominant-soft'></span>
</span>
1.129 Scheme "hard-triade-i".
Scheme "hard" and scheme "triade" "i"
Hard triade i background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-triade-i-accent'></span>
<span class='color-sample bg-hard-triade-i-accent-dark'></span>
<span class='color-sample bg-hard-triade-i-accent-light'></span>
<span class='color-sample bg-hard-triade-i-accent-soft'></span>
<span class='color-sample bg-hard-triade-i-dominant'></span>
<span class='color-sample bg-hard-triade-i-dominant-dark'></span>
<span class='color-sample bg-hard-triade-i-dominant-light'></span>
<span class='color-sample bg-hard-triade-i-dominant-soft'></span>
<span class='color-sample bg-hard-triade-i-sub-accent'></span>
<span class='color-sample bg-hard-triade-i-sub-accent-dark'></span>
<span class='color-sample bg-hard-triade-i-sub-accent-light'></span>
<span class='color-sample bg-hard-triade-i-sub-accent-soft'></span>
<span class='color-sample bg-hard-triade-i-sub-dominant'></span>
<span class='color-sample bg-hard-triade-i-sub-dominant-dark'></span>
<span class='color-sample bg-hard-triade-i-sub-dominant-light'></span>
<span class='color-sample bg-hard-triade-i-sub-dominant-soft'></span>
</span>
1.130 Scheme "hard-triade-j".
Scheme "hard" and scheme "triade" "j"
Hard triade j background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-triade-j-accent'></span>
<span class='color-sample bg-hard-triade-j-accent-dark'></span>
<span class='color-sample bg-hard-triade-j-accent-light'></span>
<span class='color-sample bg-hard-triade-j-accent-soft'></span>
<span class='color-sample bg-hard-triade-j-dominant'></span>
<span class='color-sample bg-hard-triade-j-dominant-dark'></span>
<span class='color-sample bg-hard-triade-j-dominant-light'></span>
<span class='color-sample bg-hard-triade-j-dominant-soft'></span>
<span class='color-sample bg-hard-triade-j-sub-accent'></span>
<span class='color-sample bg-hard-triade-j-sub-accent-dark'></span>
<span class='color-sample bg-hard-triade-j-sub-accent-light'></span>
<span class='color-sample bg-hard-triade-j-sub-accent-soft'></span>
<span class='color-sample bg-hard-triade-j-sub-dominant'></span>
<span class='color-sample bg-hard-triade-j-sub-dominant-dark'></span>
<span class='color-sample bg-hard-triade-j-sub-dominant-light'></span>
<span class='color-sample bg-hard-triade-j-sub-dominant-soft'></span>
</span>
1.131 Scheme "hard-triade-k".
Scheme "hard" and scheme "triade" "k"
Hard triade k background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-triade-k-accent'></span>
<span class='color-sample bg-hard-triade-k-accent-dark'></span>
<span class='color-sample bg-hard-triade-k-accent-light'></span>
<span class='color-sample bg-hard-triade-k-accent-soft'></span>
<span class='color-sample bg-hard-triade-k-dominant'></span>
<span class='color-sample bg-hard-triade-k-dominant-dark'></span>
<span class='color-sample bg-hard-triade-k-dominant-light'></span>
<span class='color-sample bg-hard-triade-k-dominant-soft'></span>
<span class='color-sample bg-hard-triade-k-sub-accent'></span>
<span class='color-sample bg-hard-triade-k-sub-accent-dark'></span>
<span class='color-sample bg-hard-triade-k-sub-accent-light'></span>
<span class='color-sample bg-hard-triade-k-sub-accent-soft'></span>
<span class='color-sample bg-hard-triade-k-sub-dominant'></span>
<span class='color-sample bg-hard-triade-k-sub-dominant-dark'></span>
<span class='color-sample bg-hard-triade-k-sub-dominant-light'></span>
<span class='color-sample bg-hard-triade-k-sub-dominant-soft'></span>
</span>
1.132 Scheme "hard-triade-l".
Scheme "hard" and scheme "triade" "l"
Hard triade l background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-triade-l-accent'></span>
<span class='color-sample bg-hard-triade-l-accent-dark'></span>
<span class='color-sample bg-hard-triade-l-accent-light'></span>
<span class='color-sample bg-hard-triade-l-accent-soft'></span>
<span class='color-sample bg-hard-triade-l-dominant'></span>
<span class='color-sample bg-hard-triade-l-dominant-dark'></span>
<span class='color-sample bg-hard-triade-l-dominant-light'></span>
<span class='color-sample bg-hard-triade-l-dominant-soft'></span>
<span class='color-sample bg-hard-triade-l-sub-accent'></span>
<span class='color-sample bg-hard-triade-l-sub-accent-dark'></span>
<span class='color-sample bg-hard-triade-l-sub-accent-light'></span>
<span class='color-sample bg-hard-triade-l-sub-accent-soft'></span>
<span class='color-sample bg-hard-triade-l-sub-dominant'></span>
<span class='color-sample bg-hard-triade-l-sub-dominant-dark'></span>
<span class='color-sample bg-hard-triade-l-sub-dominant-light'></span>
<span class='color-sample bg-hard-triade-l-sub-dominant-soft'></span>
</span>
1.133 Scheme "pale-triade-a".
Scheme "pale" and scheme "triade" "a"
Pale triade a background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-triade-a-accent'></span>
<span class='color-sample bg-pale-triade-a-accent-dark'></span>
<span class='color-sample bg-pale-triade-a-accent-light'></span>
<span class='color-sample bg-pale-triade-a-accent-soft'></span>
<span class='color-sample bg-pale-triade-a-dominant'></span>
<span class='color-sample bg-pale-triade-a-dominant-dark'></span>
<span class='color-sample bg-pale-triade-a-dominant-light'></span>
<span class='color-sample bg-pale-triade-a-dominant-soft'></span>
<span class='color-sample bg-pale-triade-a-sub-accent'></span>
<span class='color-sample bg-pale-triade-a-sub-accent-dark'></span>
<span class='color-sample bg-pale-triade-a-sub-accent-light'></span>
<span class='color-sample bg-pale-triade-a-sub-accent-soft'></span>
<span class='color-sample bg-pale-triade-a-sub-dominant'></span>
<span class='color-sample bg-pale-triade-a-sub-dominant-dark'></span>
<span class='color-sample bg-pale-triade-a-sub-dominant-light'></span>
<span class='color-sample bg-pale-triade-a-sub-dominant-soft'></span>
</span>
1.134 Scheme "pale-triade-b".
Scheme "pale" and scheme "triade" "b"
Pale triade b background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-triade-b-accent'></span>
<span class='color-sample bg-pale-triade-b-accent-dark'></span>
<span class='color-sample bg-pale-triade-b-accent-light'></span>
<span class='color-sample bg-pale-triade-b-accent-soft'></span>
<span class='color-sample bg-pale-triade-b-dominant'></span>
<span class='color-sample bg-pale-triade-b-dominant-dark'></span>
<span class='color-sample bg-pale-triade-b-dominant-light'></span>
<span class='color-sample bg-pale-triade-b-dominant-soft'></span>
<span class='color-sample bg-pale-triade-b-sub-accent'></span>
<span class='color-sample bg-pale-triade-b-sub-accent-dark'></span>
<span class='color-sample bg-pale-triade-b-sub-accent-light'></span>
<span class='color-sample bg-pale-triade-b-sub-accent-soft'></span>
<span class='color-sample bg-pale-triade-b-sub-dominant'></span>
<span class='color-sample bg-pale-triade-b-sub-dominant-dark'></span>
<span class='color-sample bg-pale-triade-b-sub-dominant-light'></span>
<span class='color-sample bg-pale-triade-b-sub-dominant-soft'></span>
</span>
1.135 Scheme "pale-triade-c".
Scheme "pale" and scheme "triade" "c"
Pale triade c background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-triade-c-accent'></span>
<span class='color-sample bg-pale-triade-c-accent-dark'></span>
<span class='color-sample bg-pale-triade-c-accent-light'></span>
<span class='color-sample bg-pale-triade-c-accent-soft'></span>
<span class='color-sample bg-pale-triade-c-dominant'></span>
<span class='color-sample bg-pale-triade-c-dominant-dark'></span>
<span class='color-sample bg-pale-triade-c-dominant-light'></span>
<span class='color-sample bg-pale-triade-c-dominant-soft'></span>
<span class='color-sample bg-pale-triade-c-sub-accent'></span>
<span class='color-sample bg-pale-triade-c-sub-accent-dark'></span>
<span class='color-sample bg-pale-triade-c-sub-accent-light'></span>
<span class='color-sample bg-pale-triade-c-sub-accent-soft'></span>
<span class='color-sample bg-pale-triade-c-sub-dominant'></span>
<span class='color-sample bg-pale-triade-c-sub-dominant-dark'></span>
<span class='color-sample bg-pale-triade-c-sub-dominant-light'></span>
<span class='color-sample bg-pale-triade-c-sub-dominant-soft'></span>
</span>
1.136 Scheme "pale-triade-d".
Scheme "pale" and scheme "triade" "d"
Pale triade d background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-triade-d-accent'></span>
<span class='color-sample bg-pale-triade-d-accent-dark'></span>
<span class='color-sample bg-pale-triade-d-accent-light'></span>
<span class='color-sample bg-pale-triade-d-accent-soft'></span>
<span class='color-sample bg-pale-triade-d-dominant'></span>
<span class='color-sample bg-pale-triade-d-dominant-dark'></span>
<span class='color-sample bg-pale-triade-d-dominant-light'></span>
<span class='color-sample bg-pale-triade-d-dominant-soft'></span>
<span class='color-sample bg-pale-triade-d-sub-accent'></span>
<span class='color-sample bg-pale-triade-d-sub-accent-dark'></span>
<span class='color-sample bg-pale-triade-d-sub-accent-light'></span>
<span class='color-sample bg-pale-triade-d-sub-accent-soft'></span>
<span class='color-sample bg-pale-triade-d-sub-dominant'></span>
<span class='color-sample bg-pale-triade-d-sub-dominant-dark'></span>
<span class='color-sample bg-pale-triade-d-sub-dominant-light'></span>
<span class='color-sample bg-pale-triade-d-sub-dominant-soft'></span>
</span>
1.137 Scheme "pale-triade-e".
Scheme "pale" and scheme "triade" "e"
Pale triade e background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-triade-e-accent'></span>
<span class='color-sample bg-pale-triade-e-accent-dark'></span>
<span class='color-sample bg-pale-triade-e-accent-light'></span>
<span class='color-sample bg-pale-triade-e-accent-soft'></span>
<span class='color-sample bg-pale-triade-e-dominant'></span>
<span class='color-sample bg-pale-triade-e-dominant-dark'></span>
<span class='color-sample bg-pale-triade-e-dominant-light'></span>
<span class='color-sample bg-pale-triade-e-dominant-soft'></span>
<span class='color-sample bg-pale-triade-e-sub-accent'></span>
<span class='color-sample bg-pale-triade-e-sub-accent-dark'></span>
<span class='color-sample bg-pale-triade-e-sub-accent-light'></span>
<span class='color-sample bg-pale-triade-e-sub-accent-soft'></span>
<span class='color-sample bg-pale-triade-e-sub-dominant'></span>
<span class='color-sample bg-pale-triade-e-sub-dominant-dark'></span>
<span class='color-sample bg-pale-triade-e-sub-dominant-light'></span>
<span class='color-sample bg-pale-triade-e-sub-dominant-soft'></span>
</span>
1.138 Scheme "pale-triade-f".
Scheme "pale" and scheme "triade" "f"
Pale triade f background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-triade-f-accent'></span>
<span class='color-sample bg-pale-triade-f-accent-dark'></span>
<span class='color-sample bg-pale-triade-f-accent-light'></span>
<span class='color-sample bg-pale-triade-f-accent-soft'></span>
<span class='color-sample bg-pale-triade-f-dominant'></span>
<span class='color-sample bg-pale-triade-f-dominant-dark'></span>
<span class='color-sample bg-pale-triade-f-dominant-light'></span>
<span class='color-sample bg-pale-triade-f-dominant-soft'></span>
<span class='color-sample bg-pale-triade-f-sub-accent'></span>
<span class='color-sample bg-pale-triade-f-sub-accent-dark'></span>
<span class='color-sample bg-pale-triade-f-sub-accent-light'></span>
<span class='color-sample bg-pale-triade-f-sub-accent-soft'></span>
<span class='color-sample bg-pale-triade-f-sub-dominant'></span>
<span class='color-sample bg-pale-triade-f-sub-dominant-dark'></span>
<span class='color-sample bg-pale-triade-f-sub-dominant-light'></span>
<span class='color-sample bg-pale-triade-f-sub-dominant-soft'></span>
</span>
1.139 Scheme "pale-triade-g".
Scheme "pale" and scheme "triade" "g"
Pale triade g background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-triade-g-accent'></span>
<span class='color-sample bg-pale-triade-g-accent-dark'></span>
<span class='color-sample bg-pale-triade-g-accent-light'></span>
<span class='color-sample bg-pale-triade-g-accent-soft'></span>
<span class='color-sample bg-pale-triade-g-dominant'></span>
<span class='color-sample bg-pale-triade-g-dominant-dark'></span>
<span class='color-sample bg-pale-triade-g-dominant-light'></span>
<span class='color-sample bg-pale-triade-g-dominant-soft'></span>
<span class='color-sample bg-pale-triade-g-sub-accent'></span>
<span class='color-sample bg-pale-triade-g-sub-accent-dark'></span>
<span class='color-sample bg-pale-triade-g-sub-accent-light'></span>
<span class='color-sample bg-pale-triade-g-sub-accent-soft'></span>
<span class='color-sample bg-pale-triade-g-sub-dominant'></span>
<span class='color-sample bg-pale-triade-g-sub-dominant-dark'></span>
<span class='color-sample bg-pale-triade-g-sub-dominant-light'></span>
<span class='color-sample bg-pale-triade-g-sub-dominant-soft'></span>
</span>
1.140 Scheme "pale-triade-h".
Scheme "pale" and scheme "triade" "h"
Pale triade h background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-triade-h-accent'></span>
<span class='color-sample bg-pale-triade-h-accent-dark'></span>
<span class='color-sample bg-pale-triade-h-accent-light'></span>
<span class='color-sample bg-pale-triade-h-accent-soft'></span>
<span class='color-sample bg-pale-triade-h-dominant'></span>
<span class='color-sample bg-pale-triade-h-dominant-dark'></span>
<span class='color-sample bg-pale-triade-h-dominant-light'></span>
<span class='color-sample bg-pale-triade-h-dominant-soft'></span>
<span class='color-sample bg-pale-triade-h-sub-accent'></span>
<span class='color-sample bg-pale-triade-h-sub-accent-dark'></span>
<span class='color-sample bg-pale-triade-h-sub-accent-light'></span>
<span class='color-sample bg-pale-triade-h-sub-accent-soft'></span>
<span class='color-sample bg-pale-triade-h-sub-dominant'></span>
<span class='color-sample bg-pale-triade-h-sub-dominant-dark'></span>
<span class='color-sample bg-pale-triade-h-sub-dominant-light'></span>
<span class='color-sample bg-pale-triade-h-sub-dominant-soft'></span>
</span>
1.141 Scheme "pale-triade-i".
Scheme "pale" and scheme "triade" "i"
Pale triade i background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-triade-i-accent'></span>
<span class='color-sample bg-pale-triade-i-accent-dark'></span>
<span class='color-sample bg-pale-triade-i-accent-light'></span>
<span class='color-sample bg-pale-triade-i-accent-soft'></span>
<span class='color-sample bg-pale-triade-i-dominant'></span>
<span class='color-sample bg-pale-triade-i-dominant-dark'></span>
<span class='color-sample bg-pale-triade-i-dominant-light'></span>
<span class='color-sample bg-pale-triade-i-dominant-soft'></span>
<span class='color-sample bg-pale-triade-i-sub-accent'></span>
<span class='color-sample bg-pale-triade-i-sub-accent-dark'></span>
<span class='color-sample bg-pale-triade-i-sub-accent-light'></span>
<span class='color-sample bg-pale-triade-i-sub-accent-soft'></span>
<span class='color-sample bg-pale-triade-i-sub-dominant'></span>
<span class='color-sample bg-pale-triade-i-sub-dominant-dark'></span>
<span class='color-sample bg-pale-triade-i-sub-dominant-light'></span>
<span class='color-sample bg-pale-triade-i-sub-dominant-soft'></span>
</span>
1.142 Scheme "pale-triade-j".
Scheme "pale" and scheme "triade" "j"
Pale triade j background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-triade-j-accent'></span>
<span class='color-sample bg-pale-triade-j-accent-dark'></span>
<span class='color-sample bg-pale-triade-j-accent-light'></span>
<span class='color-sample bg-pale-triade-j-accent-soft'></span>
<span class='color-sample bg-pale-triade-j-dominant'></span>
<span class='color-sample bg-pale-triade-j-dominant-dark'></span>
<span class='color-sample bg-pale-triade-j-dominant-light'></span>
<span class='color-sample bg-pale-triade-j-dominant-soft'></span>
<span class='color-sample bg-pale-triade-j-sub-accent'></span>
<span class='color-sample bg-pale-triade-j-sub-accent-dark'></span>
<span class='color-sample bg-pale-triade-j-sub-accent-light'></span>
<span class='color-sample bg-pale-triade-j-sub-accent-soft'></span>
<span class='color-sample bg-pale-triade-j-sub-dominant'></span>
<span class='color-sample bg-pale-triade-j-sub-dominant-dark'></span>
<span class='color-sample bg-pale-triade-j-sub-dominant-light'></span>
<span class='color-sample bg-pale-triade-j-sub-dominant-soft'></span>
</span>
1.143 Scheme "pale-triade-k".
Scheme "pale" and scheme "triade" "k"
Pale triade k background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-triade-k-accent'></span>
<span class='color-sample bg-pale-triade-k-accent-dark'></span>
<span class='color-sample bg-pale-triade-k-accent-light'></span>
<span class='color-sample bg-pale-triade-k-accent-soft'></span>
<span class='color-sample bg-pale-triade-k-dominant'></span>
<span class='color-sample bg-pale-triade-k-dominant-dark'></span>
<span class='color-sample bg-pale-triade-k-dominant-light'></span>
<span class='color-sample bg-pale-triade-k-dominant-soft'></span>
<span class='color-sample bg-pale-triade-k-sub-accent'></span>
<span class='color-sample bg-pale-triade-k-sub-accent-dark'></span>
<span class='color-sample bg-pale-triade-k-sub-accent-light'></span>
<span class='color-sample bg-pale-triade-k-sub-accent-soft'></span>
<span class='color-sample bg-pale-triade-k-sub-dominant'></span>
<span class='color-sample bg-pale-triade-k-sub-dominant-dark'></span>
<span class='color-sample bg-pale-triade-k-sub-dominant-light'></span>
<span class='color-sample bg-pale-triade-k-sub-dominant-soft'></span>
</span>
1.144 Scheme "pale-triade-l".
Scheme "pale" and scheme "triade" "l"
Pale triade l background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-triade-l-accent'></span>
<span class='color-sample bg-pale-triade-l-accent-dark'></span>
<span class='color-sample bg-pale-triade-l-accent-light'></span>
<span class='color-sample bg-pale-triade-l-accent-soft'></span>
<span class='color-sample bg-pale-triade-l-dominant'></span>
<span class='color-sample bg-pale-triade-l-dominant-dark'></span>
<span class='color-sample bg-pale-triade-l-dominant-light'></span>
<span class='color-sample bg-pale-triade-l-dominant-soft'></span>
<span class='color-sample bg-pale-triade-l-sub-accent'></span>
<span class='color-sample bg-pale-triade-l-sub-accent-dark'></span>
<span class='color-sample bg-pale-triade-l-sub-accent-light'></span>
<span class='color-sample bg-pale-triade-l-sub-accent-soft'></span>
<span class='color-sample bg-pale-triade-l-sub-dominant'></span>
<span class='color-sample bg-pale-triade-l-sub-dominant-dark'></span>
<span class='color-sample bg-pale-triade-l-sub-dominant-light'></span>
<span class='color-sample bg-pale-triade-l-sub-dominant-soft'></span>
</span>
1.145 Scheme "default-tetrade-a".
Scheme "default" and scheme "tetrade" "a"
Default tetrade a background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-tetrade-a-accent'></span>
<span class='color-sample bg-default-tetrade-a-accent-dark'></span>
<span class='color-sample bg-default-tetrade-a-accent-light'></span>
<span class='color-sample bg-default-tetrade-a-accent-soft'></span>
<span class='color-sample bg-default-tetrade-a-dominant'></span>
<span class='color-sample bg-default-tetrade-a-dominant-dark'></span>
<span class='color-sample bg-default-tetrade-a-dominant-light'></span>
<span class='color-sample bg-default-tetrade-a-dominant-soft'></span>
<span class='color-sample bg-default-tetrade-a-sub-accent'></span>
<span class='color-sample bg-default-tetrade-a-sub-accent-dark'></span>
<span class='color-sample bg-default-tetrade-a-sub-accent-light'></span>
<span class='color-sample bg-default-tetrade-a-sub-accent-soft'></span>
<span class='color-sample bg-default-tetrade-a-sub-dominant'></span>
<span class='color-sample bg-default-tetrade-a-sub-dominant-dark'></span>
<span class='color-sample bg-default-tetrade-a-sub-dominant-light'></span>
<span class='color-sample bg-default-tetrade-a-sub-dominant-soft'></span>
</span>
1.146 Scheme "default-tetrade-b".
Scheme "default" and scheme "tetrade" "b"
Default tetrade b background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-tetrade-b-accent'></span>
<span class='color-sample bg-default-tetrade-b-accent-dark'></span>
<span class='color-sample bg-default-tetrade-b-accent-light'></span>
<span class='color-sample bg-default-tetrade-b-accent-soft'></span>
<span class='color-sample bg-default-tetrade-b-dominant'></span>
<span class='color-sample bg-default-tetrade-b-dominant-dark'></span>
<span class='color-sample bg-default-tetrade-b-dominant-light'></span>
<span class='color-sample bg-default-tetrade-b-dominant-soft'></span>
<span class='color-sample bg-default-tetrade-b-sub-accent'></span>
<span class='color-sample bg-default-tetrade-b-sub-accent-dark'></span>
<span class='color-sample bg-default-tetrade-b-sub-accent-light'></span>
<span class='color-sample bg-default-tetrade-b-sub-accent-soft'></span>
<span class='color-sample bg-default-tetrade-b-sub-dominant'></span>
<span class='color-sample bg-default-tetrade-b-sub-dominant-dark'></span>
<span class='color-sample bg-default-tetrade-b-sub-dominant-light'></span>
<span class='color-sample bg-default-tetrade-b-sub-dominant-soft'></span>
</span>
1.147 Scheme "default-tetrade-c".
Scheme "default" and scheme "tetrade" "c"
Default tetrade c background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-tetrade-c-accent'></span>
<span class='color-sample bg-default-tetrade-c-accent-dark'></span>
<span class='color-sample bg-default-tetrade-c-accent-light'></span>
<span class='color-sample bg-default-tetrade-c-accent-soft'></span>
<span class='color-sample bg-default-tetrade-c-dominant'></span>
<span class='color-sample bg-default-tetrade-c-dominant-dark'></span>
<span class='color-sample bg-default-tetrade-c-dominant-light'></span>
<span class='color-sample bg-default-tetrade-c-dominant-soft'></span>
<span class='color-sample bg-default-tetrade-c-sub-accent'></span>
<span class='color-sample bg-default-tetrade-c-sub-accent-dark'></span>
<span class='color-sample bg-default-tetrade-c-sub-accent-light'></span>
<span class='color-sample bg-default-tetrade-c-sub-accent-soft'></span>
<span class='color-sample bg-default-tetrade-c-sub-dominant'></span>
<span class='color-sample bg-default-tetrade-c-sub-dominant-dark'></span>
<span class='color-sample bg-default-tetrade-c-sub-dominant-light'></span>
<span class='color-sample bg-default-tetrade-c-sub-dominant-soft'></span>
</span>
1.148 Scheme "default-tetrade-d".
Scheme "default" and scheme "tetrade" "d"
Default tetrade d background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-tetrade-d-accent'></span>
<span class='color-sample bg-default-tetrade-d-accent-dark'></span>
<span class='color-sample bg-default-tetrade-d-accent-light'></span>
<span class='color-sample bg-default-tetrade-d-accent-soft'></span>
<span class='color-sample bg-default-tetrade-d-dominant'></span>
<span class='color-sample bg-default-tetrade-d-dominant-dark'></span>
<span class='color-sample bg-default-tetrade-d-dominant-light'></span>
<span class='color-sample bg-default-tetrade-d-dominant-soft'></span>
<span class='color-sample bg-default-tetrade-d-sub-accent'></span>
<span class='color-sample bg-default-tetrade-d-sub-accent-dark'></span>
<span class='color-sample bg-default-tetrade-d-sub-accent-light'></span>
<span class='color-sample bg-default-tetrade-d-sub-accent-soft'></span>
<span class='color-sample bg-default-tetrade-d-sub-dominant'></span>
<span class='color-sample bg-default-tetrade-d-sub-dominant-dark'></span>
<span class='color-sample bg-default-tetrade-d-sub-dominant-light'></span>
<span class='color-sample bg-default-tetrade-d-sub-dominant-soft'></span>
</span>
1.149 Scheme "default-tetrade-e".
Scheme "default" and scheme "tetrade" "e"
Default tetrade e background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-tetrade-e-accent'></span>
<span class='color-sample bg-default-tetrade-e-accent-dark'></span>
<span class='color-sample bg-default-tetrade-e-accent-light'></span>
<span class='color-sample bg-default-tetrade-e-accent-soft'></span>
<span class='color-sample bg-default-tetrade-e-dominant'></span>
<span class='color-sample bg-default-tetrade-e-dominant-dark'></span>
<span class='color-sample bg-default-tetrade-e-dominant-light'></span>
<span class='color-sample bg-default-tetrade-e-dominant-soft'></span>
<span class='color-sample bg-default-tetrade-e-sub-accent'></span>
<span class='color-sample bg-default-tetrade-e-sub-accent-dark'></span>
<span class='color-sample bg-default-tetrade-e-sub-accent-light'></span>
<span class='color-sample bg-default-tetrade-e-sub-accent-soft'></span>
<span class='color-sample bg-default-tetrade-e-sub-dominant'></span>
<span class='color-sample bg-default-tetrade-e-sub-dominant-dark'></span>
<span class='color-sample bg-default-tetrade-e-sub-dominant-light'></span>
<span class='color-sample bg-default-tetrade-e-sub-dominant-soft'></span>
</span>
1.150 Scheme "default-tetrade-f".
Scheme "default" and scheme "tetrade" "f"
Default tetrade f background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-tetrade-f-accent'></span>
<span class='color-sample bg-default-tetrade-f-accent-dark'></span>
<span class='color-sample bg-default-tetrade-f-accent-light'></span>
<span class='color-sample bg-default-tetrade-f-accent-soft'></span>
<span class='color-sample bg-default-tetrade-f-dominant'></span>
<span class='color-sample bg-default-tetrade-f-dominant-dark'></span>
<span class='color-sample bg-default-tetrade-f-dominant-light'></span>
<span class='color-sample bg-default-tetrade-f-dominant-soft'></span>
<span class='color-sample bg-default-tetrade-f-sub-accent'></span>
<span class='color-sample bg-default-tetrade-f-sub-accent-dark'></span>
<span class='color-sample bg-default-tetrade-f-sub-accent-light'></span>
<span class='color-sample bg-default-tetrade-f-sub-accent-soft'></span>
<span class='color-sample bg-default-tetrade-f-sub-dominant'></span>
<span class='color-sample bg-default-tetrade-f-sub-dominant-dark'></span>
<span class='color-sample bg-default-tetrade-f-sub-dominant-light'></span>
<span class='color-sample bg-default-tetrade-f-sub-dominant-soft'></span>
</span>
1.151 Scheme "default-tetrade-g".
Scheme "default" and scheme "tetrade" "g"
Default tetrade g background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-tetrade-g-accent'></span>
<span class='color-sample bg-default-tetrade-g-accent-dark'></span>
<span class='color-sample bg-default-tetrade-g-accent-light'></span>
<span class='color-sample bg-default-tetrade-g-accent-soft'></span>
<span class='color-sample bg-default-tetrade-g-dominant'></span>
<span class='color-sample bg-default-tetrade-g-dominant-dark'></span>
<span class='color-sample bg-default-tetrade-g-dominant-light'></span>
<span class='color-sample bg-default-tetrade-g-dominant-soft'></span>
<span class='color-sample bg-default-tetrade-g-sub-accent'></span>
<span class='color-sample bg-default-tetrade-g-sub-accent-dark'></span>
<span class='color-sample bg-default-tetrade-g-sub-accent-light'></span>
<span class='color-sample bg-default-tetrade-g-sub-accent-soft'></span>
<span class='color-sample bg-default-tetrade-g-sub-dominant'></span>
<span class='color-sample bg-default-tetrade-g-sub-dominant-dark'></span>
<span class='color-sample bg-default-tetrade-g-sub-dominant-light'></span>
<span class='color-sample bg-default-tetrade-g-sub-dominant-soft'></span>
</span>
1.152 Scheme "default-tetrade-h".
Scheme "default" and scheme "tetrade" "h"
Default tetrade h background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-tetrade-h-accent'></span>
<span class='color-sample bg-default-tetrade-h-accent-dark'></span>
<span class='color-sample bg-default-tetrade-h-accent-light'></span>
<span class='color-sample bg-default-tetrade-h-accent-soft'></span>
<span class='color-sample bg-default-tetrade-h-dominant'></span>
<span class='color-sample bg-default-tetrade-h-dominant-dark'></span>
<span class='color-sample bg-default-tetrade-h-dominant-light'></span>
<span class='color-sample bg-default-tetrade-h-dominant-soft'></span>
<span class='color-sample bg-default-tetrade-h-sub-accent'></span>
<span class='color-sample bg-default-tetrade-h-sub-accent-dark'></span>
<span class='color-sample bg-default-tetrade-h-sub-accent-light'></span>
<span class='color-sample bg-default-tetrade-h-sub-accent-soft'></span>
<span class='color-sample bg-default-tetrade-h-sub-dominant'></span>
<span class='color-sample bg-default-tetrade-h-sub-dominant-dark'></span>
<span class='color-sample bg-default-tetrade-h-sub-dominant-light'></span>
<span class='color-sample bg-default-tetrade-h-sub-dominant-soft'></span>
</span>
1.153 Scheme "default-tetrade-i".
Scheme "default" and scheme "tetrade" "i"
Default tetrade i background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-tetrade-i-accent'></span>
<span class='color-sample bg-default-tetrade-i-accent-dark'></span>
<span class='color-sample bg-default-tetrade-i-accent-light'></span>
<span class='color-sample bg-default-tetrade-i-accent-soft'></span>
<span class='color-sample bg-default-tetrade-i-dominant'></span>
<span class='color-sample bg-default-tetrade-i-dominant-dark'></span>
<span class='color-sample bg-default-tetrade-i-dominant-light'></span>
<span class='color-sample bg-default-tetrade-i-dominant-soft'></span>
<span class='color-sample bg-default-tetrade-i-sub-accent'></span>
<span class='color-sample bg-default-tetrade-i-sub-accent-dark'></span>
<span class='color-sample bg-default-tetrade-i-sub-accent-light'></span>
<span class='color-sample bg-default-tetrade-i-sub-accent-soft'></span>
<span class='color-sample bg-default-tetrade-i-sub-dominant'></span>
<span class='color-sample bg-default-tetrade-i-sub-dominant-dark'></span>
<span class='color-sample bg-default-tetrade-i-sub-dominant-light'></span>
<span class='color-sample bg-default-tetrade-i-sub-dominant-soft'></span>
</span>
1.154 Scheme "default-tetrade-j".
Scheme "default" and scheme "tetrade" "j"
Default tetrade j background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-tetrade-j-accent'></span>
<span class='color-sample bg-default-tetrade-j-accent-dark'></span>
<span class='color-sample bg-default-tetrade-j-accent-light'></span>
<span class='color-sample bg-default-tetrade-j-accent-soft'></span>
<span class='color-sample bg-default-tetrade-j-dominant'></span>
<span class='color-sample bg-default-tetrade-j-dominant-dark'></span>
<span class='color-sample bg-default-tetrade-j-dominant-light'></span>
<span class='color-sample bg-default-tetrade-j-dominant-soft'></span>
<span class='color-sample bg-default-tetrade-j-sub-accent'></span>
<span class='color-sample bg-default-tetrade-j-sub-accent-dark'></span>
<span class='color-sample bg-default-tetrade-j-sub-accent-light'></span>
<span class='color-sample bg-default-tetrade-j-sub-accent-soft'></span>
<span class='color-sample bg-default-tetrade-j-sub-dominant'></span>
<span class='color-sample bg-default-tetrade-j-sub-dominant-dark'></span>
<span class='color-sample bg-default-tetrade-j-sub-dominant-light'></span>
<span class='color-sample bg-default-tetrade-j-sub-dominant-soft'></span>
</span>
1.155 Scheme "default-tetrade-k".
Scheme "default" and scheme "tetrade" "k"
Default tetrade k background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-tetrade-k-accent'></span>
<span class='color-sample bg-default-tetrade-k-accent-dark'></span>
<span class='color-sample bg-default-tetrade-k-accent-light'></span>
<span class='color-sample bg-default-tetrade-k-accent-soft'></span>
<span class='color-sample bg-default-tetrade-k-dominant'></span>
<span class='color-sample bg-default-tetrade-k-dominant-dark'></span>
<span class='color-sample bg-default-tetrade-k-dominant-light'></span>
<span class='color-sample bg-default-tetrade-k-dominant-soft'></span>
<span class='color-sample bg-default-tetrade-k-sub-accent'></span>
<span class='color-sample bg-default-tetrade-k-sub-accent-dark'></span>
<span class='color-sample bg-default-tetrade-k-sub-accent-light'></span>
<span class='color-sample bg-default-tetrade-k-sub-accent-soft'></span>
<span class='color-sample bg-default-tetrade-k-sub-dominant'></span>
<span class='color-sample bg-default-tetrade-k-sub-dominant-dark'></span>
<span class='color-sample bg-default-tetrade-k-sub-dominant-light'></span>
<span class='color-sample bg-default-tetrade-k-sub-dominant-soft'></span>
</span>
1.156 Scheme "default-tetrade-l".
Scheme "default" and scheme "tetrade" "l"
Default tetrade l background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-tetrade-l-accent'></span>
<span class='color-sample bg-default-tetrade-l-accent-dark'></span>
<span class='color-sample bg-default-tetrade-l-accent-light'></span>
<span class='color-sample bg-default-tetrade-l-accent-soft'></span>
<span class='color-sample bg-default-tetrade-l-dominant'></span>
<span class='color-sample bg-default-tetrade-l-dominant-dark'></span>
<span class='color-sample bg-default-tetrade-l-dominant-light'></span>
<span class='color-sample bg-default-tetrade-l-dominant-soft'></span>
<span class='color-sample bg-default-tetrade-l-sub-accent'></span>
<span class='color-sample bg-default-tetrade-l-sub-accent-dark'></span>
<span class='color-sample bg-default-tetrade-l-sub-accent-light'></span>
<span class='color-sample bg-default-tetrade-l-sub-accent-soft'></span>
<span class='color-sample bg-default-tetrade-l-sub-dominant'></span>
<span class='color-sample bg-default-tetrade-l-sub-dominant-dark'></span>
<span class='color-sample bg-default-tetrade-l-sub-dominant-light'></span>
<span class='color-sample bg-default-tetrade-l-sub-dominant-soft'></span>
</span>
1.157 Scheme "pastel-tetrade-a".
Scheme "pastel" and scheme "tetrade" "a"
Pastel tetrade a background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-tetrade-a-accent'></span>
<span class='color-sample bg-pastel-tetrade-a-accent-dark'></span>
<span class='color-sample bg-pastel-tetrade-a-accent-light'></span>
<span class='color-sample bg-pastel-tetrade-a-accent-soft'></span>
<span class='color-sample bg-pastel-tetrade-a-dominant'></span>
<span class='color-sample bg-pastel-tetrade-a-dominant-dark'></span>
<span class='color-sample bg-pastel-tetrade-a-dominant-light'></span>
<span class='color-sample bg-pastel-tetrade-a-dominant-soft'></span>
<span class='color-sample bg-pastel-tetrade-a-sub-accent'></span>
<span class='color-sample bg-pastel-tetrade-a-sub-accent-dark'></span>
<span class='color-sample bg-pastel-tetrade-a-sub-accent-light'></span>
<span class='color-sample bg-pastel-tetrade-a-sub-accent-soft'></span>
<span class='color-sample bg-pastel-tetrade-a-sub-dominant'></span>
<span class='color-sample bg-pastel-tetrade-a-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-tetrade-a-sub-dominant-light'></span>
<span class='color-sample bg-pastel-tetrade-a-sub-dominant-soft'></span>
</span>
1.158 Scheme "pastel-tetrade-b".
Scheme "pastel" and scheme "tetrade" "b"
Pastel tetrade b background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-tetrade-b-accent'></span>
<span class='color-sample bg-pastel-tetrade-b-accent-dark'></span>
<span class='color-sample bg-pastel-tetrade-b-accent-light'></span>
<span class='color-sample bg-pastel-tetrade-b-accent-soft'></span>
<span class='color-sample bg-pastel-tetrade-b-dominant'></span>
<span class='color-sample bg-pastel-tetrade-b-dominant-dark'></span>
<span class='color-sample bg-pastel-tetrade-b-dominant-light'></span>
<span class='color-sample bg-pastel-tetrade-b-dominant-soft'></span>
<span class='color-sample bg-pastel-tetrade-b-sub-accent'></span>
<span class='color-sample bg-pastel-tetrade-b-sub-accent-dark'></span>
<span class='color-sample bg-pastel-tetrade-b-sub-accent-light'></span>
<span class='color-sample bg-pastel-tetrade-b-sub-accent-soft'></span>
<span class='color-sample bg-pastel-tetrade-b-sub-dominant'></span>
<span class='color-sample bg-pastel-tetrade-b-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-tetrade-b-sub-dominant-light'></span>
<span class='color-sample bg-pastel-tetrade-b-sub-dominant-soft'></span>
</span>
1.159 Scheme "pastel-tetrade-c".
Scheme "pastel" and scheme "tetrade" "c"
Pastel tetrade c background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-tetrade-c-accent'></span>
<span class='color-sample bg-pastel-tetrade-c-accent-dark'></span>
<span class='color-sample bg-pastel-tetrade-c-accent-light'></span>
<span class='color-sample bg-pastel-tetrade-c-accent-soft'></span>
<span class='color-sample bg-pastel-tetrade-c-dominant'></span>
<span class='color-sample bg-pastel-tetrade-c-dominant-dark'></span>
<span class='color-sample bg-pastel-tetrade-c-dominant-light'></span>
<span class='color-sample bg-pastel-tetrade-c-dominant-soft'></span>
<span class='color-sample bg-pastel-tetrade-c-sub-accent'></span>
<span class='color-sample bg-pastel-tetrade-c-sub-accent-dark'></span>
<span class='color-sample bg-pastel-tetrade-c-sub-accent-light'></span>
<span class='color-sample bg-pastel-tetrade-c-sub-accent-soft'></span>
<span class='color-sample bg-pastel-tetrade-c-sub-dominant'></span>
<span class='color-sample bg-pastel-tetrade-c-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-tetrade-c-sub-dominant-light'></span>
<span class='color-sample bg-pastel-tetrade-c-sub-dominant-soft'></span>
</span>
1.160 Scheme "pastel-tetrade-d".
Scheme "pastel" and scheme "tetrade" "d"
Pastel tetrade d background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-tetrade-d-accent'></span>
<span class='color-sample bg-pastel-tetrade-d-accent-dark'></span>
<span class='color-sample bg-pastel-tetrade-d-accent-light'></span>
<span class='color-sample bg-pastel-tetrade-d-accent-soft'></span>
<span class='color-sample bg-pastel-tetrade-d-dominant'></span>
<span class='color-sample bg-pastel-tetrade-d-dominant-dark'></span>
<span class='color-sample bg-pastel-tetrade-d-dominant-light'></span>
<span class='color-sample bg-pastel-tetrade-d-dominant-soft'></span>
<span class='color-sample bg-pastel-tetrade-d-sub-accent'></span>
<span class='color-sample bg-pastel-tetrade-d-sub-accent-dark'></span>
<span class='color-sample bg-pastel-tetrade-d-sub-accent-light'></span>
<span class='color-sample bg-pastel-tetrade-d-sub-accent-soft'></span>
<span class='color-sample bg-pastel-tetrade-d-sub-dominant'></span>
<span class='color-sample bg-pastel-tetrade-d-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-tetrade-d-sub-dominant-light'></span>
<span class='color-sample bg-pastel-tetrade-d-sub-dominant-soft'></span>
</span>
1.161 Scheme "pastel-tetrade-e".
Scheme "pastel" and scheme "tetrade" "e"
Pastel tetrade e background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-tetrade-e-accent'></span>
<span class='color-sample bg-pastel-tetrade-e-accent-dark'></span>
<span class='color-sample bg-pastel-tetrade-e-accent-light'></span>
<span class='color-sample bg-pastel-tetrade-e-accent-soft'></span>
<span class='color-sample bg-pastel-tetrade-e-dominant'></span>
<span class='color-sample bg-pastel-tetrade-e-dominant-dark'></span>
<span class='color-sample bg-pastel-tetrade-e-dominant-light'></span>
<span class='color-sample bg-pastel-tetrade-e-dominant-soft'></span>
<span class='color-sample bg-pastel-tetrade-e-sub-accent'></span>
<span class='color-sample bg-pastel-tetrade-e-sub-accent-dark'></span>
<span class='color-sample bg-pastel-tetrade-e-sub-accent-light'></span>
<span class='color-sample bg-pastel-tetrade-e-sub-accent-soft'></span>
<span class='color-sample bg-pastel-tetrade-e-sub-dominant'></span>
<span class='color-sample bg-pastel-tetrade-e-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-tetrade-e-sub-dominant-light'></span>
<span class='color-sample bg-pastel-tetrade-e-sub-dominant-soft'></span>
</span>
1.162 Scheme "pastel-tetrade-f".
Scheme "pastel" and scheme "tetrade" "f"
Pastel tetrade f background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-tetrade-f-accent'></span>
<span class='color-sample bg-pastel-tetrade-f-accent-dark'></span>
<span class='color-sample bg-pastel-tetrade-f-accent-light'></span>
<span class='color-sample bg-pastel-tetrade-f-accent-soft'></span>
<span class='color-sample bg-pastel-tetrade-f-dominant'></span>
<span class='color-sample bg-pastel-tetrade-f-dominant-dark'></span>
<span class='color-sample bg-pastel-tetrade-f-dominant-light'></span>
<span class='color-sample bg-pastel-tetrade-f-dominant-soft'></span>
<span class='color-sample bg-pastel-tetrade-f-sub-accent'></span>
<span class='color-sample bg-pastel-tetrade-f-sub-accent-dark'></span>
<span class='color-sample bg-pastel-tetrade-f-sub-accent-light'></span>
<span class='color-sample bg-pastel-tetrade-f-sub-accent-soft'></span>
<span class='color-sample bg-pastel-tetrade-f-sub-dominant'></span>
<span class='color-sample bg-pastel-tetrade-f-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-tetrade-f-sub-dominant-light'></span>
<span class='color-sample bg-pastel-tetrade-f-sub-dominant-soft'></span>
</span>
1.163 Scheme "pastel-tetrade-g".
Scheme "pastel" and scheme "tetrade" "g"
Pastel tetrade g background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-tetrade-g-accent'></span>
<span class='color-sample bg-pastel-tetrade-g-accent-dark'></span>
<span class='color-sample bg-pastel-tetrade-g-accent-light'></span>
<span class='color-sample bg-pastel-tetrade-g-accent-soft'></span>
<span class='color-sample bg-pastel-tetrade-g-dominant'></span>
<span class='color-sample bg-pastel-tetrade-g-dominant-dark'></span>
<span class='color-sample bg-pastel-tetrade-g-dominant-light'></span>
<span class='color-sample bg-pastel-tetrade-g-dominant-soft'></span>
<span class='color-sample bg-pastel-tetrade-g-sub-accent'></span>
<span class='color-sample bg-pastel-tetrade-g-sub-accent-dark'></span>
<span class='color-sample bg-pastel-tetrade-g-sub-accent-light'></span>
<span class='color-sample bg-pastel-tetrade-g-sub-accent-soft'></span>
<span class='color-sample bg-pastel-tetrade-g-sub-dominant'></span>
<span class='color-sample bg-pastel-tetrade-g-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-tetrade-g-sub-dominant-light'></span>
<span class='color-sample bg-pastel-tetrade-g-sub-dominant-soft'></span>
</span>
1.164 Scheme "pastel-tetrade-h".
Scheme "pastel" and scheme "tetrade" "h"
Pastel tetrade h background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-tetrade-h-accent'></span>
<span class='color-sample bg-pastel-tetrade-h-accent-dark'></span>
<span class='color-sample bg-pastel-tetrade-h-accent-light'></span>
<span class='color-sample bg-pastel-tetrade-h-accent-soft'></span>
<span class='color-sample bg-pastel-tetrade-h-dominant'></span>
<span class='color-sample bg-pastel-tetrade-h-dominant-dark'></span>
<span class='color-sample bg-pastel-tetrade-h-dominant-light'></span>
<span class='color-sample bg-pastel-tetrade-h-dominant-soft'></span>
<span class='color-sample bg-pastel-tetrade-h-sub-accent'></span>
<span class='color-sample bg-pastel-tetrade-h-sub-accent-dark'></span>
<span class='color-sample bg-pastel-tetrade-h-sub-accent-light'></span>
<span class='color-sample bg-pastel-tetrade-h-sub-accent-soft'></span>
<span class='color-sample bg-pastel-tetrade-h-sub-dominant'></span>
<span class='color-sample bg-pastel-tetrade-h-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-tetrade-h-sub-dominant-light'></span>
<span class='color-sample bg-pastel-tetrade-h-sub-dominant-soft'></span>
</span>
1.165 Scheme "pastel-tetrade-i".
Scheme "pastel" and scheme "tetrade" "i"
Pastel tetrade i background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-tetrade-i-accent'></span>
<span class='color-sample bg-pastel-tetrade-i-accent-dark'></span>
<span class='color-sample bg-pastel-tetrade-i-accent-light'></span>
<span class='color-sample bg-pastel-tetrade-i-accent-soft'></span>
<span class='color-sample bg-pastel-tetrade-i-dominant'></span>
<span class='color-sample bg-pastel-tetrade-i-dominant-dark'></span>
<span class='color-sample bg-pastel-tetrade-i-dominant-light'></span>
<span class='color-sample bg-pastel-tetrade-i-dominant-soft'></span>
<span class='color-sample bg-pastel-tetrade-i-sub-accent'></span>
<span class='color-sample bg-pastel-tetrade-i-sub-accent-dark'></span>
<span class='color-sample bg-pastel-tetrade-i-sub-accent-light'></span>
<span class='color-sample bg-pastel-tetrade-i-sub-accent-soft'></span>
<span class='color-sample bg-pastel-tetrade-i-sub-dominant'></span>
<span class='color-sample bg-pastel-tetrade-i-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-tetrade-i-sub-dominant-light'></span>
<span class='color-sample bg-pastel-tetrade-i-sub-dominant-soft'></span>
</span>
1.166 Scheme "pastel-tetrade-j".
Scheme "pastel" and scheme "tetrade" "j"
Pastel tetrade j background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-tetrade-j-accent'></span>
<span class='color-sample bg-pastel-tetrade-j-accent-dark'></span>
<span class='color-sample bg-pastel-tetrade-j-accent-light'></span>
<span class='color-sample bg-pastel-tetrade-j-accent-soft'></span>
<span class='color-sample bg-pastel-tetrade-j-dominant'></span>
<span class='color-sample bg-pastel-tetrade-j-dominant-dark'></span>
<span class='color-sample bg-pastel-tetrade-j-dominant-light'></span>
<span class='color-sample bg-pastel-tetrade-j-dominant-soft'></span>
<span class='color-sample bg-pastel-tetrade-j-sub-accent'></span>
<span class='color-sample bg-pastel-tetrade-j-sub-accent-dark'></span>
<span class='color-sample bg-pastel-tetrade-j-sub-accent-light'></span>
<span class='color-sample bg-pastel-tetrade-j-sub-accent-soft'></span>
<span class='color-sample bg-pastel-tetrade-j-sub-dominant'></span>
<span class='color-sample bg-pastel-tetrade-j-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-tetrade-j-sub-dominant-light'></span>
<span class='color-sample bg-pastel-tetrade-j-sub-dominant-soft'></span>
</span>
1.167 Scheme "pastel-tetrade-k".
Scheme "pastel" and scheme "tetrade" "k"
Pastel tetrade k background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-tetrade-k-accent'></span>
<span class='color-sample bg-pastel-tetrade-k-accent-dark'></span>
<span class='color-sample bg-pastel-tetrade-k-accent-light'></span>
<span class='color-sample bg-pastel-tetrade-k-accent-soft'></span>
<span class='color-sample bg-pastel-tetrade-k-dominant'></span>
<span class='color-sample bg-pastel-tetrade-k-dominant-dark'></span>
<span class='color-sample bg-pastel-tetrade-k-dominant-light'></span>
<span class='color-sample bg-pastel-tetrade-k-dominant-soft'></span>
<span class='color-sample bg-pastel-tetrade-k-sub-accent'></span>
<span class='color-sample bg-pastel-tetrade-k-sub-accent-dark'></span>
<span class='color-sample bg-pastel-tetrade-k-sub-accent-light'></span>
<span class='color-sample bg-pastel-tetrade-k-sub-accent-soft'></span>
<span class='color-sample bg-pastel-tetrade-k-sub-dominant'></span>
<span class='color-sample bg-pastel-tetrade-k-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-tetrade-k-sub-dominant-light'></span>
<span class='color-sample bg-pastel-tetrade-k-sub-dominant-soft'></span>
</span>
1.168 Scheme "pastel-tetrade-l".
Scheme "pastel" and scheme "tetrade" "l"
Pastel tetrade l background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-tetrade-l-accent'></span>
<span class='color-sample bg-pastel-tetrade-l-accent-dark'></span>
<span class='color-sample bg-pastel-tetrade-l-accent-light'></span>
<span class='color-sample bg-pastel-tetrade-l-accent-soft'></span>
<span class='color-sample bg-pastel-tetrade-l-dominant'></span>
<span class='color-sample bg-pastel-tetrade-l-dominant-dark'></span>
<span class='color-sample bg-pastel-tetrade-l-dominant-light'></span>
<span class='color-sample bg-pastel-tetrade-l-dominant-soft'></span>
<span class='color-sample bg-pastel-tetrade-l-sub-accent'></span>
<span class='color-sample bg-pastel-tetrade-l-sub-accent-dark'></span>
<span class='color-sample bg-pastel-tetrade-l-sub-accent-light'></span>
<span class='color-sample bg-pastel-tetrade-l-sub-accent-soft'></span>
<span class='color-sample bg-pastel-tetrade-l-sub-dominant'></span>
<span class='color-sample bg-pastel-tetrade-l-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-tetrade-l-sub-dominant-light'></span>
<span class='color-sample bg-pastel-tetrade-l-sub-dominant-soft'></span>
</span>
1.169 Scheme "soft-tetrade-a".
Scheme "soft" and scheme "tetrade" "a"
Soft tetrade a background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-tetrade-a-accent'></span>
<span class='color-sample bg-soft-tetrade-a-accent-dark'></span>
<span class='color-sample bg-soft-tetrade-a-accent-light'></span>
<span class='color-sample bg-soft-tetrade-a-accent-soft'></span>
<span class='color-sample bg-soft-tetrade-a-dominant'></span>
<span class='color-sample bg-soft-tetrade-a-dominant-dark'></span>
<span class='color-sample bg-soft-tetrade-a-dominant-light'></span>
<span class='color-sample bg-soft-tetrade-a-dominant-soft'></span>
<span class='color-sample bg-soft-tetrade-a-sub-accent'></span>
<span class='color-sample bg-soft-tetrade-a-sub-accent-dark'></span>
<span class='color-sample bg-soft-tetrade-a-sub-accent-light'></span>
<span class='color-sample bg-soft-tetrade-a-sub-accent-soft'></span>
<span class='color-sample bg-soft-tetrade-a-sub-dominant'></span>
<span class='color-sample bg-soft-tetrade-a-sub-dominant-dark'></span>
<span class='color-sample bg-soft-tetrade-a-sub-dominant-light'></span>
<span class='color-sample bg-soft-tetrade-a-sub-dominant-soft'></span>
</span>
1.170 Scheme "soft-tetrade-b".
Scheme "soft" and scheme "tetrade" "b"
Soft tetrade b background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-tetrade-b-accent'></span>
<span class='color-sample bg-soft-tetrade-b-accent-dark'></span>
<span class='color-sample bg-soft-tetrade-b-accent-light'></span>
<span class='color-sample bg-soft-tetrade-b-accent-soft'></span>
<span class='color-sample bg-soft-tetrade-b-dominant'></span>
<span class='color-sample bg-soft-tetrade-b-dominant-dark'></span>
<span class='color-sample bg-soft-tetrade-b-dominant-light'></span>
<span class='color-sample bg-soft-tetrade-b-dominant-soft'></span>
<span class='color-sample bg-soft-tetrade-b-sub-accent'></span>
<span class='color-sample bg-soft-tetrade-b-sub-accent-dark'></span>
<span class='color-sample bg-soft-tetrade-b-sub-accent-light'></span>
<span class='color-sample bg-soft-tetrade-b-sub-accent-soft'></span>
<span class='color-sample bg-soft-tetrade-b-sub-dominant'></span>
<span class='color-sample bg-soft-tetrade-b-sub-dominant-dark'></span>
<span class='color-sample bg-soft-tetrade-b-sub-dominant-light'></span>
<span class='color-sample bg-soft-tetrade-b-sub-dominant-soft'></span>
</span>
1.171 Scheme "soft-tetrade-c".
Scheme "soft" and scheme "tetrade" "c"
Soft tetrade c background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-tetrade-c-accent'></span>
<span class='color-sample bg-soft-tetrade-c-accent-dark'></span>
<span class='color-sample bg-soft-tetrade-c-accent-light'></span>
<span class='color-sample bg-soft-tetrade-c-accent-soft'></span>
<span class='color-sample bg-soft-tetrade-c-dominant'></span>
<span class='color-sample bg-soft-tetrade-c-dominant-dark'></span>
<span class='color-sample bg-soft-tetrade-c-dominant-light'></span>
<span class='color-sample bg-soft-tetrade-c-dominant-soft'></span>
<span class='color-sample bg-soft-tetrade-c-sub-accent'></span>
<span class='color-sample bg-soft-tetrade-c-sub-accent-dark'></span>
<span class='color-sample bg-soft-tetrade-c-sub-accent-light'></span>
<span class='color-sample bg-soft-tetrade-c-sub-accent-soft'></span>
<span class='color-sample bg-soft-tetrade-c-sub-dominant'></span>
<span class='color-sample bg-soft-tetrade-c-sub-dominant-dark'></span>
<span class='color-sample bg-soft-tetrade-c-sub-dominant-light'></span>
<span class='color-sample bg-soft-tetrade-c-sub-dominant-soft'></span>
</span>
1.172 Scheme "soft-tetrade-d".
Scheme "soft" and scheme "tetrade" "d"
Soft tetrade d background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-tetrade-d-accent'></span>
<span class='color-sample bg-soft-tetrade-d-accent-dark'></span>
<span class='color-sample bg-soft-tetrade-d-accent-light'></span>
<span class='color-sample bg-soft-tetrade-d-accent-soft'></span>
<span class='color-sample bg-soft-tetrade-d-dominant'></span>
<span class='color-sample bg-soft-tetrade-d-dominant-dark'></span>
<span class='color-sample bg-soft-tetrade-d-dominant-light'></span>
<span class='color-sample bg-soft-tetrade-d-dominant-soft'></span>
<span class='color-sample bg-soft-tetrade-d-sub-accent'></span>
<span class='color-sample bg-soft-tetrade-d-sub-accent-dark'></span>
<span class='color-sample bg-soft-tetrade-d-sub-accent-light'></span>
<span class='color-sample bg-soft-tetrade-d-sub-accent-soft'></span>
<span class='color-sample bg-soft-tetrade-d-sub-dominant'></span>
<span class='color-sample bg-soft-tetrade-d-sub-dominant-dark'></span>
<span class='color-sample bg-soft-tetrade-d-sub-dominant-light'></span>
<span class='color-sample bg-soft-tetrade-d-sub-dominant-soft'></span>
</span>
1.173 Scheme "soft-tetrade-e".
Scheme "soft" and scheme "tetrade" "e"
Soft tetrade e background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-tetrade-e-accent'></span>
<span class='color-sample bg-soft-tetrade-e-accent-dark'></span>
<span class='color-sample bg-soft-tetrade-e-accent-light'></span>
<span class='color-sample bg-soft-tetrade-e-accent-soft'></span>
<span class='color-sample bg-soft-tetrade-e-dominant'></span>
<span class='color-sample bg-soft-tetrade-e-dominant-dark'></span>
<span class='color-sample bg-soft-tetrade-e-dominant-light'></span>
<span class='color-sample bg-soft-tetrade-e-dominant-soft'></span>
<span class='color-sample bg-soft-tetrade-e-sub-accent'></span>
<span class='color-sample bg-soft-tetrade-e-sub-accent-dark'></span>
<span class='color-sample bg-soft-tetrade-e-sub-accent-light'></span>
<span class='color-sample bg-soft-tetrade-e-sub-accent-soft'></span>
<span class='color-sample bg-soft-tetrade-e-sub-dominant'></span>
<span class='color-sample bg-soft-tetrade-e-sub-dominant-dark'></span>
<span class='color-sample bg-soft-tetrade-e-sub-dominant-light'></span>
<span class='color-sample bg-soft-tetrade-e-sub-dominant-soft'></span>
</span>
1.174 Scheme "soft-tetrade-f".
Scheme "soft" and scheme "tetrade" "f"
Soft tetrade f background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-tetrade-f-accent'></span>
<span class='color-sample bg-soft-tetrade-f-accent-dark'></span>
<span class='color-sample bg-soft-tetrade-f-accent-light'></span>
<span class='color-sample bg-soft-tetrade-f-accent-soft'></span>
<span class='color-sample bg-soft-tetrade-f-dominant'></span>
<span class='color-sample bg-soft-tetrade-f-dominant-dark'></span>
<span class='color-sample bg-soft-tetrade-f-dominant-light'></span>
<span class='color-sample bg-soft-tetrade-f-dominant-soft'></span>
<span class='color-sample bg-soft-tetrade-f-sub-accent'></span>
<span class='color-sample bg-soft-tetrade-f-sub-accent-dark'></span>
<span class='color-sample bg-soft-tetrade-f-sub-accent-light'></span>
<span class='color-sample bg-soft-tetrade-f-sub-accent-soft'></span>
<span class='color-sample bg-soft-tetrade-f-sub-dominant'></span>
<span class='color-sample bg-soft-tetrade-f-sub-dominant-dark'></span>
<span class='color-sample bg-soft-tetrade-f-sub-dominant-light'></span>
<span class='color-sample bg-soft-tetrade-f-sub-dominant-soft'></span>
</span>
1.175 Scheme "soft-tetrade-g".
Scheme "soft" and scheme "tetrade" "g"
Soft tetrade g background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-tetrade-g-accent'></span>
<span class='color-sample bg-soft-tetrade-g-accent-dark'></span>
<span class='color-sample bg-soft-tetrade-g-accent-light'></span>
<span class='color-sample bg-soft-tetrade-g-accent-soft'></span>
<span class='color-sample bg-soft-tetrade-g-dominant'></span>
<span class='color-sample bg-soft-tetrade-g-dominant-dark'></span>
<span class='color-sample bg-soft-tetrade-g-dominant-light'></span>
<span class='color-sample bg-soft-tetrade-g-dominant-soft'></span>
<span class='color-sample bg-soft-tetrade-g-sub-accent'></span>
<span class='color-sample bg-soft-tetrade-g-sub-accent-dark'></span>
<span class='color-sample bg-soft-tetrade-g-sub-accent-light'></span>
<span class='color-sample bg-soft-tetrade-g-sub-accent-soft'></span>
<span class='color-sample bg-soft-tetrade-g-sub-dominant'></span>
<span class='color-sample bg-soft-tetrade-g-sub-dominant-dark'></span>
<span class='color-sample bg-soft-tetrade-g-sub-dominant-light'></span>
<span class='color-sample bg-soft-tetrade-g-sub-dominant-soft'></span>
</span>
1.176 Scheme "soft-tetrade-h".
Scheme "soft" and scheme "tetrade" "h"
Soft tetrade h background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-tetrade-h-accent'></span>
<span class='color-sample bg-soft-tetrade-h-accent-dark'></span>
<span class='color-sample bg-soft-tetrade-h-accent-light'></span>
<span class='color-sample bg-soft-tetrade-h-accent-soft'></span>
<span class='color-sample bg-soft-tetrade-h-dominant'></span>
<span class='color-sample bg-soft-tetrade-h-dominant-dark'></span>
<span class='color-sample bg-soft-tetrade-h-dominant-light'></span>
<span class='color-sample bg-soft-tetrade-h-dominant-soft'></span>
<span class='color-sample bg-soft-tetrade-h-sub-accent'></span>
<span class='color-sample bg-soft-tetrade-h-sub-accent-dark'></span>
<span class='color-sample bg-soft-tetrade-h-sub-accent-light'></span>
<span class='color-sample bg-soft-tetrade-h-sub-accent-soft'></span>
<span class='color-sample bg-soft-tetrade-h-sub-dominant'></span>
<span class='color-sample bg-soft-tetrade-h-sub-dominant-dark'></span>
<span class='color-sample bg-soft-tetrade-h-sub-dominant-light'></span>
<span class='color-sample bg-soft-tetrade-h-sub-dominant-soft'></span>
</span>
1.177 Scheme "soft-tetrade-i".
Scheme "soft" and scheme "tetrade" "i"
Soft tetrade i background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-tetrade-i-accent'></span>
<span class='color-sample bg-soft-tetrade-i-accent-dark'></span>
<span class='color-sample bg-soft-tetrade-i-accent-light'></span>
<span class='color-sample bg-soft-tetrade-i-accent-soft'></span>
<span class='color-sample bg-soft-tetrade-i-dominant'></span>
<span class='color-sample bg-soft-tetrade-i-dominant-dark'></span>
<span class='color-sample bg-soft-tetrade-i-dominant-light'></span>
<span class='color-sample bg-soft-tetrade-i-dominant-soft'></span>
<span class='color-sample bg-soft-tetrade-i-sub-accent'></span>
<span class='color-sample bg-soft-tetrade-i-sub-accent-dark'></span>
<span class='color-sample bg-soft-tetrade-i-sub-accent-light'></span>
<span class='color-sample bg-soft-tetrade-i-sub-accent-soft'></span>
<span class='color-sample bg-soft-tetrade-i-sub-dominant'></span>
<span class='color-sample bg-soft-tetrade-i-sub-dominant-dark'></span>
<span class='color-sample bg-soft-tetrade-i-sub-dominant-light'></span>
<span class='color-sample bg-soft-tetrade-i-sub-dominant-soft'></span>
</span>
1.178 Scheme "soft-tetrade-j".
Scheme "soft" and scheme "tetrade" "j"
Soft tetrade j background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-tetrade-j-accent'></span>
<span class='color-sample bg-soft-tetrade-j-accent-dark'></span>
<span class='color-sample bg-soft-tetrade-j-accent-light'></span>
<span class='color-sample bg-soft-tetrade-j-accent-soft'></span>
<span class='color-sample bg-soft-tetrade-j-dominant'></span>
<span class='color-sample bg-soft-tetrade-j-dominant-dark'></span>
<span class='color-sample bg-soft-tetrade-j-dominant-light'></span>
<span class='color-sample bg-soft-tetrade-j-dominant-soft'></span>
<span class='color-sample bg-soft-tetrade-j-sub-accent'></span>
<span class='color-sample bg-soft-tetrade-j-sub-accent-dark'></span>
<span class='color-sample bg-soft-tetrade-j-sub-accent-light'></span>
<span class='color-sample bg-soft-tetrade-j-sub-accent-soft'></span>
<span class='color-sample bg-soft-tetrade-j-sub-dominant'></span>
<span class='color-sample bg-soft-tetrade-j-sub-dominant-dark'></span>
<span class='color-sample bg-soft-tetrade-j-sub-dominant-light'></span>
<span class='color-sample bg-soft-tetrade-j-sub-dominant-soft'></span>
</span>
1.179 Scheme "soft-tetrade-k".
Scheme "soft" and scheme "tetrade" "k"
Soft tetrade k background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-tetrade-k-accent'></span>
<span class='color-sample bg-soft-tetrade-k-accent-dark'></span>
<span class='color-sample bg-soft-tetrade-k-accent-light'></span>
<span class='color-sample bg-soft-tetrade-k-accent-soft'></span>
<span class='color-sample bg-soft-tetrade-k-dominant'></span>
<span class='color-sample bg-soft-tetrade-k-dominant-dark'></span>
<span class='color-sample bg-soft-tetrade-k-dominant-light'></span>
<span class='color-sample bg-soft-tetrade-k-dominant-soft'></span>
<span class='color-sample bg-soft-tetrade-k-sub-accent'></span>
<span class='color-sample bg-soft-tetrade-k-sub-accent-dark'></span>
<span class='color-sample bg-soft-tetrade-k-sub-accent-light'></span>
<span class='color-sample bg-soft-tetrade-k-sub-accent-soft'></span>
<span class='color-sample bg-soft-tetrade-k-sub-dominant'></span>
<span class='color-sample bg-soft-tetrade-k-sub-dominant-dark'></span>
<span class='color-sample bg-soft-tetrade-k-sub-dominant-light'></span>
<span class='color-sample bg-soft-tetrade-k-sub-dominant-soft'></span>
</span>
1.180 Scheme "soft-tetrade-l".
Scheme "soft" and scheme "tetrade" "l"
Soft tetrade l background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-tetrade-l-accent'></span>
<span class='color-sample bg-soft-tetrade-l-accent-dark'></span>
<span class='color-sample bg-soft-tetrade-l-accent-light'></span>
<span class='color-sample bg-soft-tetrade-l-accent-soft'></span>
<span class='color-sample bg-soft-tetrade-l-dominant'></span>
<span class='color-sample bg-soft-tetrade-l-dominant-dark'></span>
<span class='color-sample bg-soft-tetrade-l-dominant-light'></span>
<span class='color-sample bg-soft-tetrade-l-dominant-soft'></span>
<span class='color-sample bg-soft-tetrade-l-sub-accent'></span>
<span class='color-sample bg-soft-tetrade-l-sub-accent-dark'></span>
<span class='color-sample bg-soft-tetrade-l-sub-accent-light'></span>
<span class='color-sample bg-soft-tetrade-l-sub-accent-soft'></span>
<span class='color-sample bg-soft-tetrade-l-sub-dominant'></span>
<span class='color-sample bg-soft-tetrade-l-sub-dominant-dark'></span>
<span class='color-sample bg-soft-tetrade-l-sub-dominant-light'></span>
<span class='color-sample bg-soft-tetrade-l-sub-dominant-soft'></span>
</span>
1.181 Scheme "light-tetrade-a".
Scheme "light" and scheme "tetrade" "a"
Light tetrade a background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-tetrade-a-accent'></span>
<span class='color-sample bg-light-tetrade-a-accent-dark'></span>
<span class='color-sample bg-light-tetrade-a-accent-light'></span>
<span class='color-sample bg-light-tetrade-a-accent-soft'></span>
<span class='color-sample bg-light-tetrade-a-dominant'></span>
<span class='color-sample bg-light-tetrade-a-dominant-dark'></span>
<span class='color-sample bg-light-tetrade-a-dominant-light'></span>
<span class='color-sample bg-light-tetrade-a-dominant-soft'></span>
<span class='color-sample bg-light-tetrade-a-sub-accent'></span>
<span class='color-sample bg-light-tetrade-a-sub-accent-dark'></span>
<span class='color-sample bg-light-tetrade-a-sub-accent-light'></span>
<span class='color-sample bg-light-tetrade-a-sub-accent-soft'></span>
<span class='color-sample bg-light-tetrade-a-sub-dominant'></span>
<span class='color-sample bg-light-tetrade-a-sub-dominant-dark'></span>
<span class='color-sample bg-light-tetrade-a-sub-dominant-light'></span>
<span class='color-sample bg-light-tetrade-a-sub-dominant-soft'></span>
</span>
1.182 Scheme "light-tetrade-b".
Scheme "light" and scheme "tetrade" "b"
Light tetrade b background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-tetrade-b-accent'></span>
<span class='color-sample bg-light-tetrade-b-accent-dark'></span>
<span class='color-sample bg-light-tetrade-b-accent-light'></span>
<span class='color-sample bg-light-tetrade-b-accent-soft'></span>
<span class='color-sample bg-light-tetrade-b-dominant'></span>
<span class='color-sample bg-light-tetrade-b-dominant-dark'></span>
<span class='color-sample bg-light-tetrade-b-dominant-light'></span>
<span class='color-sample bg-light-tetrade-b-dominant-soft'></span>
<span class='color-sample bg-light-tetrade-b-sub-accent'></span>
<span class='color-sample bg-light-tetrade-b-sub-accent-dark'></span>
<span class='color-sample bg-light-tetrade-b-sub-accent-light'></span>
<span class='color-sample bg-light-tetrade-b-sub-accent-soft'></span>
<span class='color-sample bg-light-tetrade-b-sub-dominant'></span>
<span class='color-sample bg-light-tetrade-b-sub-dominant-dark'></span>
<span class='color-sample bg-light-tetrade-b-sub-dominant-light'></span>
<span class='color-sample bg-light-tetrade-b-sub-dominant-soft'></span>
</span>
1.183 Scheme "light-tetrade-c".
Scheme "light" and scheme "tetrade" "c"
Light tetrade c background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-tetrade-c-accent'></span>
<span class='color-sample bg-light-tetrade-c-accent-dark'></span>
<span class='color-sample bg-light-tetrade-c-accent-light'></span>
<span class='color-sample bg-light-tetrade-c-accent-soft'></span>
<span class='color-sample bg-light-tetrade-c-dominant'></span>
<span class='color-sample bg-light-tetrade-c-dominant-dark'></span>
<span class='color-sample bg-light-tetrade-c-dominant-light'></span>
<span class='color-sample bg-light-tetrade-c-dominant-soft'></span>
<span class='color-sample bg-light-tetrade-c-sub-accent'></span>
<span class='color-sample bg-light-tetrade-c-sub-accent-dark'></span>
<span class='color-sample bg-light-tetrade-c-sub-accent-light'></span>
<span class='color-sample bg-light-tetrade-c-sub-accent-soft'></span>
<span class='color-sample bg-light-tetrade-c-sub-dominant'></span>
<span class='color-sample bg-light-tetrade-c-sub-dominant-dark'></span>
<span class='color-sample bg-light-tetrade-c-sub-dominant-light'></span>
<span class='color-sample bg-light-tetrade-c-sub-dominant-soft'></span>
</span>
1.184 Scheme "light-tetrade-d".
Scheme "light" and scheme "tetrade" "d"
Light tetrade d background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-tetrade-d-accent'></span>
<span class='color-sample bg-light-tetrade-d-accent-dark'></span>
<span class='color-sample bg-light-tetrade-d-accent-light'></span>
<span class='color-sample bg-light-tetrade-d-accent-soft'></span>
<span class='color-sample bg-light-tetrade-d-dominant'></span>
<span class='color-sample bg-light-tetrade-d-dominant-dark'></span>
<span class='color-sample bg-light-tetrade-d-dominant-light'></span>
<span class='color-sample bg-light-tetrade-d-dominant-soft'></span>
<span class='color-sample bg-light-tetrade-d-sub-accent'></span>
<span class='color-sample bg-light-tetrade-d-sub-accent-dark'></span>
<span class='color-sample bg-light-tetrade-d-sub-accent-light'></span>
<span class='color-sample bg-light-tetrade-d-sub-accent-soft'></span>
<span class='color-sample bg-light-tetrade-d-sub-dominant'></span>
<span class='color-sample bg-light-tetrade-d-sub-dominant-dark'></span>
<span class='color-sample bg-light-tetrade-d-sub-dominant-light'></span>
<span class='color-sample bg-light-tetrade-d-sub-dominant-soft'></span>
</span>
1.185 Scheme "light-tetrade-e".
Scheme "light" and scheme "tetrade" "e"
Light tetrade e background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-tetrade-e-accent'></span>
<span class='color-sample bg-light-tetrade-e-accent-dark'></span>
<span class='color-sample bg-light-tetrade-e-accent-light'></span>
<span class='color-sample bg-light-tetrade-e-accent-soft'></span>
<span class='color-sample bg-light-tetrade-e-dominant'></span>
<span class='color-sample bg-light-tetrade-e-dominant-dark'></span>
<span class='color-sample bg-light-tetrade-e-dominant-light'></span>
<span class='color-sample bg-light-tetrade-e-dominant-soft'></span>
<span class='color-sample bg-light-tetrade-e-sub-accent'></span>
<span class='color-sample bg-light-tetrade-e-sub-accent-dark'></span>
<span class='color-sample bg-light-tetrade-e-sub-accent-light'></span>
<span class='color-sample bg-light-tetrade-e-sub-accent-soft'></span>
<span class='color-sample bg-light-tetrade-e-sub-dominant'></span>
<span class='color-sample bg-light-tetrade-e-sub-dominant-dark'></span>
<span class='color-sample bg-light-tetrade-e-sub-dominant-light'></span>
<span class='color-sample bg-light-tetrade-e-sub-dominant-soft'></span>
</span>
1.186 Scheme "light-tetrade-f".
Scheme "light" and scheme "tetrade" "f"
Light tetrade f background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-tetrade-f-accent'></span>
<span class='color-sample bg-light-tetrade-f-accent-dark'></span>
<span class='color-sample bg-light-tetrade-f-accent-light'></span>
<span class='color-sample bg-light-tetrade-f-accent-soft'></span>
<span class='color-sample bg-light-tetrade-f-dominant'></span>
<span class='color-sample bg-light-tetrade-f-dominant-dark'></span>
<span class='color-sample bg-light-tetrade-f-dominant-light'></span>
<span class='color-sample bg-light-tetrade-f-dominant-soft'></span>
<span class='color-sample bg-light-tetrade-f-sub-accent'></span>
<span class='color-sample bg-light-tetrade-f-sub-accent-dark'></span>
<span class='color-sample bg-light-tetrade-f-sub-accent-light'></span>
<span class='color-sample bg-light-tetrade-f-sub-accent-soft'></span>
<span class='color-sample bg-light-tetrade-f-sub-dominant'></span>
<span class='color-sample bg-light-tetrade-f-sub-dominant-dark'></span>
<span class='color-sample bg-light-tetrade-f-sub-dominant-light'></span>
<span class='color-sample bg-light-tetrade-f-sub-dominant-soft'></span>
</span>
1.187 Scheme "light-tetrade-g".
Scheme "light" and scheme "tetrade" "g"
Light tetrade g background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-tetrade-g-accent'></span>
<span class='color-sample bg-light-tetrade-g-accent-dark'></span>
<span class='color-sample bg-light-tetrade-g-accent-light'></span>
<span class='color-sample bg-light-tetrade-g-accent-soft'></span>
<span class='color-sample bg-light-tetrade-g-dominant'></span>
<span class='color-sample bg-light-tetrade-g-dominant-dark'></span>
<span class='color-sample bg-light-tetrade-g-dominant-light'></span>
<span class='color-sample bg-light-tetrade-g-dominant-soft'></span>
<span class='color-sample bg-light-tetrade-g-sub-accent'></span>
<span class='color-sample bg-light-tetrade-g-sub-accent-dark'></span>
<span class='color-sample bg-light-tetrade-g-sub-accent-light'></span>
<span class='color-sample bg-light-tetrade-g-sub-accent-soft'></span>
<span class='color-sample bg-light-tetrade-g-sub-dominant'></span>
<span class='color-sample bg-light-tetrade-g-sub-dominant-dark'></span>
<span class='color-sample bg-light-tetrade-g-sub-dominant-light'></span>
<span class='color-sample bg-light-tetrade-g-sub-dominant-soft'></span>
</span>
1.188 Scheme "light-tetrade-h".
Scheme "light" and scheme "tetrade" "h"
Light tetrade h background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-tetrade-h-accent'></span>
<span class='color-sample bg-light-tetrade-h-accent-dark'></span>
<span class='color-sample bg-light-tetrade-h-accent-light'></span>
<span class='color-sample bg-light-tetrade-h-accent-soft'></span>
<span class='color-sample bg-light-tetrade-h-dominant'></span>
<span class='color-sample bg-light-tetrade-h-dominant-dark'></span>
<span class='color-sample bg-light-tetrade-h-dominant-light'></span>
<span class='color-sample bg-light-tetrade-h-dominant-soft'></span>
<span class='color-sample bg-light-tetrade-h-sub-accent'></span>
<span class='color-sample bg-light-tetrade-h-sub-accent-dark'></span>
<span class='color-sample bg-light-tetrade-h-sub-accent-light'></span>
<span class='color-sample bg-light-tetrade-h-sub-accent-soft'></span>
<span class='color-sample bg-light-tetrade-h-sub-dominant'></span>
<span class='color-sample bg-light-tetrade-h-sub-dominant-dark'></span>
<span class='color-sample bg-light-tetrade-h-sub-dominant-light'></span>
<span class='color-sample bg-light-tetrade-h-sub-dominant-soft'></span>
</span>
1.189 Scheme "light-tetrade-i".
Scheme "light" and scheme "tetrade" "i"
Light tetrade i background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-tetrade-i-accent'></span>
<span class='color-sample bg-light-tetrade-i-accent-dark'></span>
<span class='color-sample bg-light-tetrade-i-accent-light'></span>
<span class='color-sample bg-light-tetrade-i-accent-soft'></span>
<span class='color-sample bg-light-tetrade-i-dominant'></span>
<span class='color-sample bg-light-tetrade-i-dominant-dark'></span>
<span class='color-sample bg-light-tetrade-i-dominant-light'></span>
<span class='color-sample bg-light-tetrade-i-dominant-soft'></span>
<span class='color-sample bg-light-tetrade-i-sub-accent'></span>
<span class='color-sample bg-light-tetrade-i-sub-accent-dark'></span>
<span class='color-sample bg-light-tetrade-i-sub-accent-light'></span>
<span class='color-sample bg-light-tetrade-i-sub-accent-soft'></span>
<span class='color-sample bg-light-tetrade-i-sub-dominant'></span>
<span class='color-sample bg-light-tetrade-i-sub-dominant-dark'></span>
<span class='color-sample bg-light-tetrade-i-sub-dominant-light'></span>
<span class='color-sample bg-light-tetrade-i-sub-dominant-soft'></span>
</span>
1.190 Scheme "light-tetrade-j".
Scheme "light" and scheme "tetrade" "j"
Light tetrade j background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-tetrade-j-accent'></span>
<span class='color-sample bg-light-tetrade-j-accent-dark'></span>
<span class='color-sample bg-light-tetrade-j-accent-light'></span>
<span class='color-sample bg-light-tetrade-j-accent-soft'></span>
<span class='color-sample bg-light-tetrade-j-dominant'></span>
<span class='color-sample bg-light-tetrade-j-dominant-dark'></span>
<span class='color-sample bg-light-tetrade-j-dominant-light'></span>
<span class='color-sample bg-light-tetrade-j-dominant-soft'></span>
<span class='color-sample bg-light-tetrade-j-sub-accent'></span>
<span class='color-sample bg-light-tetrade-j-sub-accent-dark'></span>
<span class='color-sample bg-light-tetrade-j-sub-accent-light'></span>
<span class='color-sample bg-light-tetrade-j-sub-accent-soft'></span>
<span class='color-sample bg-light-tetrade-j-sub-dominant'></span>
<span class='color-sample bg-light-tetrade-j-sub-dominant-dark'></span>
<span class='color-sample bg-light-tetrade-j-sub-dominant-light'></span>
<span class='color-sample bg-light-tetrade-j-sub-dominant-soft'></span>
</span>
1.191 Scheme "light-tetrade-k".
Scheme "light" and scheme "tetrade" "k"
Light tetrade k background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-tetrade-k-accent'></span>
<span class='color-sample bg-light-tetrade-k-accent-dark'></span>
<span class='color-sample bg-light-tetrade-k-accent-light'></span>
<span class='color-sample bg-light-tetrade-k-accent-soft'></span>
<span class='color-sample bg-light-tetrade-k-dominant'></span>
<span class='color-sample bg-light-tetrade-k-dominant-dark'></span>
<span class='color-sample bg-light-tetrade-k-dominant-light'></span>
<span class='color-sample bg-light-tetrade-k-dominant-soft'></span>
<span class='color-sample bg-light-tetrade-k-sub-accent'></span>
<span class='color-sample bg-light-tetrade-k-sub-accent-dark'></span>
<span class='color-sample bg-light-tetrade-k-sub-accent-light'></span>
<span class='color-sample bg-light-tetrade-k-sub-accent-soft'></span>
<span class='color-sample bg-light-tetrade-k-sub-dominant'></span>
<span class='color-sample bg-light-tetrade-k-sub-dominant-dark'></span>
<span class='color-sample bg-light-tetrade-k-sub-dominant-light'></span>
<span class='color-sample bg-light-tetrade-k-sub-dominant-soft'></span>
</span>
1.192 Scheme "light-tetrade-l".
Scheme "light" and scheme "tetrade" "l"
Light tetrade l background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-tetrade-l-accent'></span>
<span class='color-sample bg-light-tetrade-l-accent-dark'></span>
<span class='color-sample bg-light-tetrade-l-accent-light'></span>
<span class='color-sample bg-light-tetrade-l-accent-soft'></span>
<span class='color-sample bg-light-tetrade-l-dominant'></span>
<span class='color-sample bg-light-tetrade-l-dominant-dark'></span>
<span class='color-sample bg-light-tetrade-l-dominant-light'></span>
<span class='color-sample bg-light-tetrade-l-dominant-soft'></span>
<span class='color-sample bg-light-tetrade-l-sub-accent'></span>
<span class='color-sample bg-light-tetrade-l-sub-accent-dark'></span>
<span class='color-sample bg-light-tetrade-l-sub-accent-light'></span>
<span class='color-sample bg-light-tetrade-l-sub-accent-soft'></span>
<span class='color-sample bg-light-tetrade-l-sub-dominant'></span>
<span class='color-sample bg-light-tetrade-l-sub-dominant-dark'></span>
<span class='color-sample bg-light-tetrade-l-sub-dominant-light'></span>
<span class='color-sample bg-light-tetrade-l-sub-dominant-soft'></span>
</span>
1.193 Scheme "hard-tetrade-a".
Scheme "hard" and scheme "tetrade" "a"
Hard tetrade a background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-tetrade-a-accent'></span>
<span class='color-sample bg-hard-tetrade-a-accent-dark'></span>
<span class='color-sample bg-hard-tetrade-a-accent-light'></span>
<span class='color-sample bg-hard-tetrade-a-accent-soft'></span>
<span class='color-sample bg-hard-tetrade-a-dominant'></span>
<span class='color-sample bg-hard-tetrade-a-dominant-dark'></span>
<span class='color-sample bg-hard-tetrade-a-dominant-light'></span>
<span class='color-sample bg-hard-tetrade-a-dominant-soft'></span>
<span class='color-sample bg-hard-tetrade-a-sub-accent'></span>
<span class='color-sample bg-hard-tetrade-a-sub-accent-dark'></span>
<span class='color-sample bg-hard-tetrade-a-sub-accent-light'></span>
<span class='color-sample bg-hard-tetrade-a-sub-accent-soft'></span>
<span class='color-sample bg-hard-tetrade-a-sub-dominant'></span>
<span class='color-sample bg-hard-tetrade-a-sub-dominant-dark'></span>
<span class='color-sample bg-hard-tetrade-a-sub-dominant-light'></span>
<span class='color-sample bg-hard-tetrade-a-sub-dominant-soft'></span>
</span>
1.194 Scheme "hard-tetrade-b".
Scheme "hard" and scheme "tetrade" "b"
Hard tetrade b background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-tetrade-b-accent'></span>
<span class='color-sample bg-hard-tetrade-b-accent-dark'></span>
<span class='color-sample bg-hard-tetrade-b-accent-light'></span>
<span class='color-sample bg-hard-tetrade-b-accent-soft'></span>
<span class='color-sample bg-hard-tetrade-b-dominant'></span>
<span class='color-sample bg-hard-tetrade-b-dominant-dark'></span>
<span class='color-sample bg-hard-tetrade-b-dominant-light'></span>
<span class='color-sample bg-hard-tetrade-b-dominant-soft'></span>
<span class='color-sample bg-hard-tetrade-b-sub-accent'></span>
<span class='color-sample bg-hard-tetrade-b-sub-accent-dark'></span>
<span class='color-sample bg-hard-tetrade-b-sub-accent-light'></span>
<span class='color-sample bg-hard-tetrade-b-sub-accent-soft'></span>
<span class='color-sample bg-hard-tetrade-b-sub-dominant'></span>
<span class='color-sample bg-hard-tetrade-b-sub-dominant-dark'></span>
<span class='color-sample bg-hard-tetrade-b-sub-dominant-light'></span>
<span class='color-sample bg-hard-tetrade-b-sub-dominant-soft'></span>
</span>
1.195 Scheme "hard-tetrade-c".
Scheme "hard" and scheme "tetrade" "c"
Hard tetrade c background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-tetrade-c-accent'></span>
<span class='color-sample bg-hard-tetrade-c-accent-dark'></span>
<span class='color-sample bg-hard-tetrade-c-accent-light'></span>
<span class='color-sample bg-hard-tetrade-c-accent-soft'></span>
<span class='color-sample bg-hard-tetrade-c-dominant'></span>
<span class='color-sample bg-hard-tetrade-c-dominant-dark'></span>
<span class='color-sample bg-hard-tetrade-c-dominant-light'></span>
<span class='color-sample bg-hard-tetrade-c-dominant-soft'></span>
<span class='color-sample bg-hard-tetrade-c-sub-accent'></span>
<span class='color-sample bg-hard-tetrade-c-sub-accent-dark'></span>
<span class='color-sample bg-hard-tetrade-c-sub-accent-light'></span>
<span class='color-sample bg-hard-tetrade-c-sub-accent-soft'></span>
<span class='color-sample bg-hard-tetrade-c-sub-dominant'></span>
<span class='color-sample bg-hard-tetrade-c-sub-dominant-dark'></span>
<span class='color-sample bg-hard-tetrade-c-sub-dominant-light'></span>
<span class='color-sample bg-hard-tetrade-c-sub-dominant-soft'></span>
</span>
1.196 Scheme "hard-tetrade-d".
Scheme "hard" and scheme "tetrade" "d"
Hard tetrade d background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-tetrade-d-accent'></span>
<span class='color-sample bg-hard-tetrade-d-accent-dark'></span>
<span class='color-sample bg-hard-tetrade-d-accent-light'></span>
<span class='color-sample bg-hard-tetrade-d-accent-soft'></span>
<span class='color-sample bg-hard-tetrade-d-dominant'></span>
<span class='color-sample bg-hard-tetrade-d-dominant-dark'></span>
<span class='color-sample bg-hard-tetrade-d-dominant-light'></span>
<span class='color-sample bg-hard-tetrade-d-dominant-soft'></span>
<span class='color-sample bg-hard-tetrade-d-sub-accent'></span>
<span class='color-sample bg-hard-tetrade-d-sub-accent-dark'></span>
<span class='color-sample bg-hard-tetrade-d-sub-accent-light'></span>
<span class='color-sample bg-hard-tetrade-d-sub-accent-soft'></span>
<span class='color-sample bg-hard-tetrade-d-sub-dominant'></span>
<span class='color-sample bg-hard-tetrade-d-sub-dominant-dark'></span>
<span class='color-sample bg-hard-tetrade-d-sub-dominant-light'></span>
<span class='color-sample bg-hard-tetrade-d-sub-dominant-soft'></span>
</span>
1.197 Scheme "hard-tetrade-e".
Scheme "hard" and scheme "tetrade" "e"
Hard tetrade e background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-tetrade-e-accent'></span>
<span class='color-sample bg-hard-tetrade-e-accent-dark'></span>
<span class='color-sample bg-hard-tetrade-e-accent-light'></span>
<span class='color-sample bg-hard-tetrade-e-accent-soft'></span>
<span class='color-sample bg-hard-tetrade-e-dominant'></span>
<span class='color-sample bg-hard-tetrade-e-dominant-dark'></span>
<span class='color-sample bg-hard-tetrade-e-dominant-light'></span>
<span class='color-sample bg-hard-tetrade-e-dominant-soft'></span>
<span class='color-sample bg-hard-tetrade-e-sub-accent'></span>
<span class='color-sample bg-hard-tetrade-e-sub-accent-dark'></span>
<span class='color-sample bg-hard-tetrade-e-sub-accent-light'></span>
<span class='color-sample bg-hard-tetrade-e-sub-accent-soft'></span>
<span class='color-sample bg-hard-tetrade-e-sub-dominant'></span>
<span class='color-sample bg-hard-tetrade-e-sub-dominant-dark'></span>
<span class='color-sample bg-hard-tetrade-e-sub-dominant-light'></span>
<span class='color-sample bg-hard-tetrade-e-sub-dominant-soft'></span>
</span>
1.198 Scheme "hard-tetrade-f".
Scheme "hard" and scheme "tetrade" "f"
Hard tetrade f background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-tetrade-f-accent'></span>
<span class='color-sample bg-hard-tetrade-f-accent-dark'></span>
<span class='color-sample bg-hard-tetrade-f-accent-light'></span>
<span class='color-sample bg-hard-tetrade-f-accent-soft'></span>
<span class='color-sample bg-hard-tetrade-f-dominant'></span>
<span class='color-sample bg-hard-tetrade-f-dominant-dark'></span>
<span class='color-sample bg-hard-tetrade-f-dominant-light'></span>
<span class='color-sample bg-hard-tetrade-f-dominant-soft'></span>
<span class='color-sample bg-hard-tetrade-f-sub-accent'></span>
<span class='color-sample bg-hard-tetrade-f-sub-accent-dark'></span>
<span class='color-sample bg-hard-tetrade-f-sub-accent-light'></span>
<span class='color-sample bg-hard-tetrade-f-sub-accent-soft'></span>
<span class='color-sample bg-hard-tetrade-f-sub-dominant'></span>
<span class='color-sample bg-hard-tetrade-f-sub-dominant-dark'></span>
<span class='color-sample bg-hard-tetrade-f-sub-dominant-light'></span>
<span class='color-sample bg-hard-tetrade-f-sub-dominant-soft'></span>
</span>
1.199 Scheme "hard-tetrade-g".
Scheme "hard" and scheme "tetrade" "g"
Hard tetrade g background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-tetrade-g-accent'></span>
<span class='color-sample bg-hard-tetrade-g-accent-dark'></span>
<span class='color-sample bg-hard-tetrade-g-accent-light'></span>
<span class='color-sample bg-hard-tetrade-g-accent-soft'></span>
<span class='color-sample bg-hard-tetrade-g-dominant'></span>
<span class='color-sample bg-hard-tetrade-g-dominant-dark'></span>
<span class='color-sample bg-hard-tetrade-g-dominant-light'></span>
<span class='color-sample bg-hard-tetrade-g-dominant-soft'></span>
<span class='color-sample bg-hard-tetrade-g-sub-accent'></span>
<span class='color-sample bg-hard-tetrade-g-sub-accent-dark'></span>
<span class='color-sample bg-hard-tetrade-g-sub-accent-light'></span>
<span class='color-sample bg-hard-tetrade-g-sub-accent-soft'></span>
<span class='color-sample bg-hard-tetrade-g-sub-dominant'></span>
<span class='color-sample bg-hard-tetrade-g-sub-dominant-dark'></span>
<span class='color-sample bg-hard-tetrade-g-sub-dominant-light'></span>
<span class='color-sample bg-hard-tetrade-g-sub-dominant-soft'></span>
</span>
1.200 Scheme "hard-tetrade-h".
Scheme "hard" and scheme "tetrade" "h"
Hard tetrade h background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-tetrade-h-accent'></span>
<span class='color-sample bg-hard-tetrade-h-accent-dark'></span>
<span class='color-sample bg-hard-tetrade-h-accent-light'></span>
<span class='color-sample bg-hard-tetrade-h-accent-soft'></span>
<span class='color-sample bg-hard-tetrade-h-dominant'></span>
<span class='color-sample bg-hard-tetrade-h-dominant-dark'></span>
<span class='color-sample bg-hard-tetrade-h-dominant-light'></span>
<span class='color-sample bg-hard-tetrade-h-dominant-soft'></span>
<span class='color-sample bg-hard-tetrade-h-sub-accent'></span>
<span class='color-sample bg-hard-tetrade-h-sub-accent-dark'></span>
<span class='color-sample bg-hard-tetrade-h-sub-accent-light'></span>
<span class='color-sample bg-hard-tetrade-h-sub-accent-soft'></span>
<span class='color-sample bg-hard-tetrade-h-sub-dominant'></span>
<span class='color-sample bg-hard-tetrade-h-sub-dominant-dark'></span>
<span class='color-sample bg-hard-tetrade-h-sub-dominant-light'></span>
<span class='color-sample bg-hard-tetrade-h-sub-dominant-soft'></span>
</span>
1.201 Scheme "hard-tetrade-i".
Scheme "hard" and scheme "tetrade" "i"
Hard tetrade i background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-tetrade-i-accent'></span>
<span class='color-sample bg-hard-tetrade-i-accent-dark'></span>
<span class='color-sample bg-hard-tetrade-i-accent-light'></span>
<span class='color-sample bg-hard-tetrade-i-accent-soft'></span>
<span class='color-sample bg-hard-tetrade-i-dominant'></span>
<span class='color-sample bg-hard-tetrade-i-dominant-dark'></span>
<span class='color-sample bg-hard-tetrade-i-dominant-light'></span>
<span class='color-sample bg-hard-tetrade-i-dominant-soft'></span>
<span class='color-sample bg-hard-tetrade-i-sub-accent'></span>
<span class='color-sample bg-hard-tetrade-i-sub-accent-dark'></span>
<span class='color-sample bg-hard-tetrade-i-sub-accent-light'></span>
<span class='color-sample bg-hard-tetrade-i-sub-accent-soft'></span>
<span class='color-sample bg-hard-tetrade-i-sub-dominant'></span>
<span class='color-sample bg-hard-tetrade-i-sub-dominant-dark'></span>
<span class='color-sample bg-hard-tetrade-i-sub-dominant-light'></span>
<span class='color-sample bg-hard-tetrade-i-sub-dominant-soft'></span>
</span>
1.202 Scheme "hard-tetrade-j".
Scheme "hard" and scheme "tetrade" "j"
Hard tetrade j background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-tetrade-j-accent'></span>
<span class='color-sample bg-hard-tetrade-j-accent-dark'></span>
<span class='color-sample bg-hard-tetrade-j-accent-light'></span>
<span class='color-sample bg-hard-tetrade-j-accent-soft'></span>
<span class='color-sample bg-hard-tetrade-j-dominant'></span>
<span class='color-sample bg-hard-tetrade-j-dominant-dark'></span>
<span class='color-sample bg-hard-tetrade-j-dominant-light'></span>
<span class='color-sample bg-hard-tetrade-j-dominant-soft'></span>
<span class='color-sample bg-hard-tetrade-j-sub-accent'></span>
<span class='color-sample bg-hard-tetrade-j-sub-accent-dark'></span>
<span class='color-sample bg-hard-tetrade-j-sub-accent-light'></span>
<span class='color-sample bg-hard-tetrade-j-sub-accent-soft'></span>
<span class='color-sample bg-hard-tetrade-j-sub-dominant'></span>
<span class='color-sample bg-hard-tetrade-j-sub-dominant-dark'></span>
<span class='color-sample bg-hard-tetrade-j-sub-dominant-light'></span>
<span class='color-sample bg-hard-tetrade-j-sub-dominant-soft'></span>
</span>
1.203 Scheme "hard-tetrade-k".
Scheme "hard" and scheme "tetrade" "k"
Hard tetrade k background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-tetrade-k-accent'></span>
<span class='color-sample bg-hard-tetrade-k-accent-dark'></span>
<span class='color-sample bg-hard-tetrade-k-accent-light'></span>
<span class='color-sample bg-hard-tetrade-k-accent-soft'></span>
<span class='color-sample bg-hard-tetrade-k-dominant'></span>
<span class='color-sample bg-hard-tetrade-k-dominant-dark'></span>
<span class='color-sample bg-hard-tetrade-k-dominant-light'></span>
<span class='color-sample bg-hard-tetrade-k-dominant-soft'></span>
<span class='color-sample bg-hard-tetrade-k-sub-accent'></span>
<span class='color-sample bg-hard-tetrade-k-sub-accent-dark'></span>
<span class='color-sample bg-hard-tetrade-k-sub-accent-light'></span>
<span class='color-sample bg-hard-tetrade-k-sub-accent-soft'></span>
<span class='color-sample bg-hard-tetrade-k-sub-dominant'></span>
<span class='color-sample bg-hard-tetrade-k-sub-dominant-dark'></span>
<span class='color-sample bg-hard-tetrade-k-sub-dominant-light'></span>
<span class='color-sample bg-hard-tetrade-k-sub-dominant-soft'></span>
</span>
1.204 Scheme "hard-tetrade-l".
Scheme "hard" and scheme "tetrade" "l"
Hard tetrade l background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-tetrade-l-accent'></span>
<span class='color-sample bg-hard-tetrade-l-accent-dark'></span>
<span class='color-sample bg-hard-tetrade-l-accent-light'></span>
<span class='color-sample bg-hard-tetrade-l-accent-soft'></span>
<span class='color-sample bg-hard-tetrade-l-dominant'></span>
<span class='color-sample bg-hard-tetrade-l-dominant-dark'></span>
<span class='color-sample bg-hard-tetrade-l-dominant-light'></span>
<span class='color-sample bg-hard-tetrade-l-dominant-soft'></span>
<span class='color-sample bg-hard-tetrade-l-sub-accent'></span>
<span class='color-sample bg-hard-tetrade-l-sub-accent-dark'></span>
<span class='color-sample bg-hard-tetrade-l-sub-accent-light'></span>
<span class='color-sample bg-hard-tetrade-l-sub-accent-soft'></span>
<span class='color-sample bg-hard-tetrade-l-sub-dominant'></span>
<span class='color-sample bg-hard-tetrade-l-sub-dominant-dark'></span>
<span class='color-sample bg-hard-tetrade-l-sub-dominant-light'></span>
<span class='color-sample bg-hard-tetrade-l-sub-dominant-soft'></span>
</span>
1.205 Scheme "pale-tetrade-a".
Scheme "pale" and scheme "tetrade" "a"
Pale tetrade a background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-tetrade-a-accent'></span>
<span class='color-sample bg-pale-tetrade-a-accent-dark'></span>
<span class='color-sample bg-pale-tetrade-a-accent-light'></span>
<span class='color-sample bg-pale-tetrade-a-accent-soft'></span>
<span class='color-sample bg-pale-tetrade-a-dominant'></span>
<span class='color-sample bg-pale-tetrade-a-dominant-dark'></span>
<span class='color-sample bg-pale-tetrade-a-dominant-light'></span>
<span class='color-sample bg-pale-tetrade-a-dominant-soft'></span>
<span class='color-sample bg-pale-tetrade-a-sub-accent'></span>
<span class='color-sample bg-pale-tetrade-a-sub-accent-dark'></span>
<span class='color-sample bg-pale-tetrade-a-sub-accent-light'></span>
<span class='color-sample bg-pale-tetrade-a-sub-accent-soft'></span>
<span class='color-sample bg-pale-tetrade-a-sub-dominant'></span>
<span class='color-sample bg-pale-tetrade-a-sub-dominant-dark'></span>
<span class='color-sample bg-pale-tetrade-a-sub-dominant-light'></span>
<span class='color-sample bg-pale-tetrade-a-sub-dominant-soft'></span>
</span>
1.206 Scheme "pale-tetrade-b".
Scheme "pale" and scheme "tetrade" "b"
Pale tetrade b background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-tetrade-b-accent'></span>
<span class='color-sample bg-pale-tetrade-b-accent-dark'></span>
<span class='color-sample bg-pale-tetrade-b-accent-light'></span>
<span class='color-sample bg-pale-tetrade-b-accent-soft'></span>
<span class='color-sample bg-pale-tetrade-b-dominant'></span>
<span class='color-sample bg-pale-tetrade-b-dominant-dark'></span>
<span class='color-sample bg-pale-tetrade-b-dominant-light'></span>
<span class='color-sample bg-pale-tetrade-b-dominant-soft'></span>
<span class='color-sample bg-pale-tetrade-b-sub-accent'></span>
<span class='color-sample bg-pale-tetrade-b-sub-accent-dark'></span>
<span class='color-sample bg-pale-tetrade-b-sub-accent-light'></span>
<span class='color-sample bg-pale-tetrade-b-sub-accent-soft'></span>
<span class='color-sample bg-pale-tetrade-b-sub-dominant'></span>
<span class='color-sample bg-pale-tetrade-b-sub-dominant-dark'></span>
<span class='color-sample bg-pale-tetrade-b-sub-dominant-light'></span>
<span class='color-sample bg-pale-tetrade-b-sub-dominant-soft'></span>
</span>
1.207 Scheme "pale-tetrade-c".
Scheme "pale" and scheme "tetrade" "c"
Pale tetrade c background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-tetrade-c-accent'></span>
<span class='color-sample bg-pale-tetrade-c-accent-dark'></span>
<span class='color-sample bg-pale-tetrade-c-accent-light'></span>
<span class='color-sample bg-pale-tetrade-c-accent-soft'></span>
<span class='color-sample bg-pale-tetrade-c-dominant'></span>
<span class='color-sample bg-pale-tetrade-c-dominant-dark'></span>
<span class='color-sample bg-pale-tetrade-c-dominant-light'></span>
<span class='color-sample bg-pale-tetrade-c-dominant-soft'></span>
<span class='color-sample bg-pale-tetrade-c-sub-accent'></span>
<span class='color-sample bg-pale-tetrade-c-sub-accent-dark'></span>
<span class='color-sample bg-pale-tetrade-c-sub-accent-light'></span>
<span class='color-sample bg-pale-tetrade-c-sub-accent-soft'></span>
<span class='color-sample bg-pale-tetrade-c-sub-dominant'></span>
<span class='color-sample bg-pale-tetrade-c-sub-dominant-dark'></span>
<span class='color-sample bg-pale-tetrade-c-sub-dominant-light'></span>
<span class='color-sample bg-pale-tetrade-c-sub-dominant-soft'></span>
</span>
1.208 Scheme "pale-tetrade-d".
Scheme "pale" and scheme "tetrade" "d"
Pale tetrade d background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-tetrade-d-accent'></span>
<span class='color-sample bg-pale-tetrade-d-accent-dark'></span>
<span class='color-sample bg-pale-tetrade-d-accent-light'></span>
<span class='color-sample bg-pale-tetrade-d-accent-soft'></span>
<span class='color-sample bg-pale-tetrade-d-dominant'></span>
<span class='color-sample bg-pale-tetrade-d-dominant-dark'></span>
<span class='color-sample bg-pale-tetrade-d-dominant-light'></span>
<span class='color-sample bg-pale-tetrade-d-dominant-soft'></span>
<span class='color-sample bg-pale-tetrade-d-sub-accent'></span>
<span class='color-sample bg-pale-tetrade-d-sub-accent-dark'></span>
<span class='color-sample bg-pale-tetrade-d-sub-accent-light'></span>
<span class='color-sample bg-pale-tetrade-d-sub-accent-soft'></span>
<span class='color-sample bg-pale-tetrade-d-sub-dominant'></span>
<span class='color-sample bg-pale-tetrade-d-sub-dominant-dark'></span>
<span class='color-sample bg-pale-tetrade-d-sub-dominant-light'></span>
<span class='color-sample bg-pale-tetrade-d-sub-dominant-soft'></span>
</span>
1.209 Scheme "pale-tetrade-e".
Scheme "pale" and scheme "tetrade" "e"
Pale tetrade e background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-tetrade-e-accent'></span>
<span class='color-sample bg-pale-tetrade-e-accent-dark'></span>
<span class='color-sample bg-pale-tetrade-e-accent-light'></span>
<span class='color-sample bg-pale-tetrade-e-accent-soft'></span>
<span class='color-sample bg-pale-tetrade-e-dominant'></span>
<span class='color-sample bg-pale-tetrade-e-dominant-dark'></span>
<span class='color-sample bg-pale-tetrade-e-dominant-light'></span>
<span class='color-sample bg-pale-tetrade-e-dominant-soft'></span>
<span class='color-sample bg-pale-tetrade-e-sub-accent'></span>
<span class='color-sample bg-pale-tetrade-e-sub-accent-dark'></span>
<span class='color-sample bg-pale-tetrade-e-sub-accent-light'></span>
<span class='color-sample bg-pale-tetrade-e-sub-accent-soft'></span>
<span class='color-sample bg-pale-tetrade-e-sub-dominant'></span>
<span class='color-sample bg-pale-tetrade-e-sub-dominant-dark'></span>
<span class='color-sample bg-pale-tetrade-e-sub-dominant-light'></span>
<span class='color-sample bg-pale-tetrade-e-sub-dominant-soft'></span>
</span>
1.210 Scheme "pale-tetrade-f".
Scheme "pale" and scheme "tetrade" "f"
Pale tetrade f background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-tetrade-f-accent'></span>
<span class='color-sample bg-pale-tetrade-f-accent-dark'></span>
<span class='color-sample bg-pale-tetrade-f-accent-light'></span>
<span class='color-sample bg-pale-tetrade-f-accent-soft'></span>
<span class='color-sample bg-pale-tetrade-f-dominant'></span>
<span class='color-sample bg-pale-tetrade-f-dominant-dark'></span>
<span class='color-sample bg-pale-tetrade-f-dominant-light'></span>
<span class='color-sample bg-pale-tetrade-f-dominant-soft'></span>
<span class='color-sample bg-pale-tetrade-f-sub-accent'></span>
<span class='color-sample bg-pale-tetrade-f-sub-accent-dark'></span>
<span class='color-sample bg-pale-tetrade-f-sub-accent-light'></span>
<span class='color-sample bg-pale-tetrade-f-sub-accent-soft'></span>
<span class='color-sample bg-pale-tetrade-f-sub-dominant'></span>
<span class='color-sample bg-pale-tetrade-f-sub-dominant-dark'></span>
<span class='color-sample bg-pale-tetrade-f-sub-dominant-light'></span>
<span class='color-sample bg-pale-tetrade-f-sub-dominant-soft'></span>
</span>
1.211 Scheme "pale-tetrade-g".
Scheme "pale" and scheme "tetrade" "g"
Pale tetrade g background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-tetrade-g-accent'></span>
<span class='color-sample bg-pale-tetrade-g-accent-dark'></span>
<span class='color-sample bg-pale-tetrade-g-accent-light'></span>
<span class='color-sample bg-pale-tetrade-g-accent-soft'></span>
<span class='color-sample bg-pale-tetrade-g-dominant'></span>
<span class='color-sample bg-pale-tetrade-g-dominant-dark'></span>
<span class='color-sample bg-pale-tetrade-g-dominant-light'></span>
<span class='color-sample bg-pale-tetrade-g-dominant-soft'></span>
<span class='color-sample bg-pale-tetrade-g-sub-accent'></span>
<span class='color-sample bg-pale-tetrade-g-sub-accent-dark'></span>
<span class='color-sample bg-pale-tetrade-g-sub-accent-light'></span>
<span class='color-sample bg-pale-tetrade-g-sub-accent-soft'></span>
<span class='color-sample bg-pale-tetrade-g-sub-dominant'></span>
<span class='color-sample bg-pale-tetrade-g-sub-dominant-dark'></span>
<span class='color-sample bg-pale-tetrade-g-sub-dominant-light'></span>
<span class='color-sample bg-pale-tetrade-g-sub-dominant-soft'></span>
</span>
1.212 Scheme "pale-tetrade-h".
Scheme "pale" and scheme "tetrade" "h"
Pale tetrade h background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-tetrade-h-accent'></span>
<span class='color-sample bg-pale-tetrade-h-accent-dark'></span>
<span class='color-sample bg-pale-tetrade-h-accent-light'></span>
<span class='color-sample bg-pale-tetrade-h-accent-soft'></span>
<span class='color-sample bg-pale-tetrade-h-dominant'></span>
<span class='color-sample bg-pale-tetrade-h-dominant-dark'></span>
<span class='color-sample bg-pale-tetrade-h-dominant-light'></span>
<span class='color-sample bg-pale-tetrade-h-dominant-soft'></span>
<span class='color-sample bg-pale-tetrade-h-sub-accent'></span>
<span class='color-sample bg-pale-tetrade-h-sub-accent-dark'></span>
<span class='color-sample bg-pale-tetrade-h-sub-accent-light'></span>
<span class='color-sample bg-pale-tetrade-h-sub-accent-soft'></span>
<span class='color-sample bg-pale-tetrade-h-sub-dominant'></span>
<span class='color-sample bg-pale-tetrade-h-sub-dominant-dark'></span>
<span class='color-sample bg-pale-tetrade-h-sub-dominant-light'></span>
<span class='color-sample bg-pale-tetrade-h-sub-dominant-soft'></span>
</span>
1.213 Scheme "pale-tetrade-i".
Scheme "pale" and scheme "tetrade" "i"
Pale tetrade i background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-tetrade-i-accent'></span>
<span class='color-sample bg-pale-tetrade-i-accent-dark'></span>
<span class='color-sample bg-pale-tetrade-i-accent-light'></span>
<span class='color-sample bg-pale-tetrade-i-accent-soft'></span>
<span class='color-sample bg-pale-tetrade-i-dominant'></span>
<span class='color-sample bg-pale-tetrade-i-dominant-dark'></span>
<span class='color-sample bg-pale-tetrade-i-dominant-light'></span>
<span class='color-sample bg-pale-tetrade-i-dominant-soft'></span>
<span class='color-sample bg-pale-tetrade-i-sub-accent'></span>
<span class='color-sample bg-pale-tetrade-i-sub-accent-dark'></span>
<span class='color-sample bg-pale-tetrade-i-sub-accent-light'></span>
<span class='color-sample bg-pale-tetrade-i-sub-accent-soft'></span>
<span class='color-sample bg-pale-tetrade-i-sub-dominant'></span>
<span class='color-sample bg-pale-tetrade-i-sub-dominant-dark'></span>
<span class='color-sample bg-pale-tetrade-i-sub-dominant-light'></span>
<span class='color-sample bg-pale-tetrade-i-sub-dominant-soft'></span>
</span>
1.214 Scheme "pale-tetrade-j".
Scheme "pale" and scheme "tetrade" "j"
Pale tetrade j background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-tetrade-j-accent'></span>
<span class='color-sample bg-pale-tetrade-j-accent-dark'></span>
<span class='color-sample bg-pale-tetrade-j-accent-light'></span>
<span class='color-sample bg-pale-tetrade-j-accent-soft'></span>
<span class='color-sample bg-pale-tetrade-j-dominant'></span>
<span class='color-sample bg-pale-tetrade-j-dominant-dark'></span>
<span class='color-sample bg-pale-tetrade-j-dominant-light'></span>
<span class='color-sample bg-pale-tetrade-j-dominant-soft'></span>
<span class='color-sample bg-pale-tetrade-j-sub-accent'></span>
<span class='color-sample bg-pale-tetrade-j-sub-accent-dark'></span>
<span class='color-sample bg-pale-tetrade-j-sub-accent-light'></span>
<span class='color-sample bg-pale-tetrade-j-sub-accent-soft'></span>
<span class='color-sample bg-pale-tetrade-j-sub-dominant'></span>
<span class='color-sample bg-pale-tetrade-j-sub-dominant-dark'></span>
<span class='color-sample bg-pale-tetrade-j-sub-dominant-light'></span>
<span class='color-sample bg-pale-tetrade-j-sub-dominant-soft'></span>
</span>
1.215 Scheme "pale-tetrade-k".
Scheme "pale" and scheme "tetrade" "k"
Pale tetrade k background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-tetrade-k-accent'></span>
<span class='color-sample bg-pale-tetrade-k-accent-dark'></span>
<span class='color-sample bg-pale-tetrade-k-accent-light'></span>
<span class='color-sample bg-pale-tetrade-k-accent-soft'></span>
<span class='color-sample bg-pale-tetrade-k-dominant'></span>
<span class='color-sample bg-pale-tetrade-k-dominant-dark'></span>
<span class='color-sample bg-pale-tetrade-k-dominant-light'></span>
<span class='color-sample bg-pale-tetrade-k-dominant-soft'></span>
<span class='color-sample bg-pale-tetrade-k-sub-accent'></span>
<span class='color-sample bg-pale-tetrade-k-sub-accent-dark'></span>
<span class='color-sample bg-pale-tetrade-k-sub-accent-light'></span>
<span class='color-sample bg-pale-tetrade-k-sub-accent-soft'></span>
<span class='color-sample bg-pale-tetrade-k-sub-dominant'></span>
<span class='color-sample bg-pale-tetrade-k-sub-dominant-dark'></span>
<span class='color-sample bg-pale-tetrade-k-sub-dominant-light'></span>
<span class='color-sample bg-pale-tetrade-k-sub-dominant-soft'></span>
</span>
1.216 Scheme "pale-tetrade-l".
Scheme "pale" and scheme "tetrade" "l"
Pale tetrade l background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-tetrade-l-accent'></span>
<span class='color-sample bg-pale-tetrade-l-accent-dark'></span>
<span class='color-sample bg-pale-tetrade-l-accent-light'></span>
<span class='color-sample bg-pale-tetrade-l-accent-soft'></span>
<span class='color-sample bg-pale-tetrade-l-dominant'></span>
<span class='color-sample bg-pale-tetrade-l-dominant-dark'></span>
<span class='color-sample bg-pale-tetrade-l-dominant-light'></span>
<span class='color-sample bg-pale-tetrade-l-dominant-soft'></span>
<span class='color-sample bg-pale-tetrade-l-sub-accent'></span>
<span class='color-sample bg-pale-tetrade-l-sub-accent-dark'></span>
<span class='color-sample bg-pale-tetrade-l-sub-accent-light'></span>
<span class='color-sample bg-pale-tetrade-l-sub-accent-soft'></span>
<span class='color-sample bg-pale-tetrade-l-sub-dominant'></span>
<span class='color-sample bg-pale-tetrade-l-sub-dominant-dark'></span>
<span class='color-sample bg-pale-tetrade-l-sub-dominant-light'></span>
<span class='color-sample bg-pale-tetrade-l-sub-dominant-soft'></span>
</span>
1.217 Scheme "default-analogic-a".
Scheme "default" and scheme "analogic" "a"
Default analogic a background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-analogic-a-accent'></span>
<span class='color-sample bg-default-analogic-a-accent-dark'></span>
<span class='color-sample bg-default-analogic-a-accent-light'></span>
<span class='color-sample bg-default-analogic-a-accent-soft'></span>
<span class='color-sample bg-default-analogic-a-dominant'></span>
<span class='color-sample bg-default-analogic-a-dominant-dark'></span>
<span class='color-sample bg-default-analogic-a-dominant-light'></span>
<span class='color-sample bg-default-analogic-a-dominant-soft'></span>
<span class='color-sample bg-default-analogic-a-sub-accent'></span>
<span class='color-sample bg-default-analogic-a-sub-accent-dark'></span>
<span class='color-sample bg-default-analogic-a-sub-accent-light'></span>
<span class='color-sample bg-default-analogic-a-sub-accent-soft'></span>
<span class='color-sample bg-default-analogic-a-sub-dominant'></span>
<span class='color-sample bg-default-analogic-a-sub-dominant-dark'></span>
<span class='color-sample bg-default-analogic-a-sub-dominant-light'></span>
<span class='color-sample bg-default-analogic-a-sub-dominant-soft'></span>
</span>
1.218 Scheme "default-analogic-b".
Scheme "default" and scheme "analogic" "b"
Default analogic b background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-analogic-b-accent'></span>
<span class='color-sample bg-default-analogic-b-accent-dark'></span>
<span class='color-sample bg-default-analogic-b-accent-light'></span>
<span class='color-sample bg-default-analogic-b-accent-soft'></span>
<span class='color-sample bg-default-analogic-b-dominant'></span>
<span class='color-sample bg-default-analogic-b-dominant-dark'></span>
<span class='color-sample bg-default-analogic-b-dominant-light'></span>
<span class='color-sample bg-default-analogic-b-dominant-soft'></span>
<span class='color-sample bg-default-analogic-b-sub-accent'></span>
<span class='color-sample bg-default-analogic-b-sub-accent-dark'></span>
<span class='color-sample bg-default-analogic-b-sub-accent-light'></span>
<span class='color-sample bg-default-analogic-b-sub-accent-soft'></span>
<span class='color-sample bg-default-analogic-b-sub-dominant'></span>
<span class='color-sample bg-default-analogic-b-sub-dominant-dark'></span>
<span class='color-sample bg-default-analogic-b-sub-dominant-light'></span>
<span class='color-sample bg-default-analogic-b-sub-dominant-soft'></span>
</span>
1.219 Scheme "default-analogic-c".
Scheme "default" and scheme "analogic" "c"
Default analogic c background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-analogic-c-accent'></span>
<span class='color-sample bg-default-analogic-c-accent-dark'></span>
<span class='color-sample bg-default-analogic-c-accent-light'></span>
<span class='color-sample bg-default-analogic-c-accent-soft'></span>
<span class='color-sample bg-default-analogic-c-dominant'></span>
<span class='color-sample bg-default-analogic-c-dominant-dark'></span>
<span class='color-sample bg-default-analogic-c-dominant-light'></span>
<span class='color-sample bg-default-analogic-c-dominant-soft'></span>
<span class='color-sample bg-default-analogic-c-sub-accent'></span>
<span class='color-sample bg-default-analogic-c-sub-accent-dark'></span>
<span class='color-sample bg-default-analogic-c-sub-accent-light'></span>
<span class='color-sample bg-default-analogic-c-sub-accent-soft'></span>
<span class='color-sample bg-default-analogic-c-sub-dominant'></span>
<span class='color-sample bg-default-analogic-c-sub-dominant-dark'></span>
<span class='color-sample bg-default-analogic-c-sub-dominant-light'></span>
<span class='color-sample bg-default-analogic-c-sub-dominant-soft'></span>
</span>
1.220 Scheme "default-analogic-d".
Scheme "default" and scheme "analogic" "d"
Default analogic d background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-analogic-d-accent'></span>
<span class='color-sample bg-default-analogic-d-accent-dark'></span>
<span class='color-sample bg-default-analogic-d-accent-light'></span>
<span class='color-sample bg-default-analogic-d-accent-soft'></span>
<span class='color-sample bg-default-analogic-d-dominant'></span>
<span class='color-sample bg-default-analogic-d-dominant-dark'></span>
<span class='color-sample bg-default-analogic-d-dominant-light'></span>
<span class='color-sample bg-default-analogic-d-dominant-soft'></span>
<span class='color-sample bg-default-analogic-d-sub-accent'></span>
<span class='color-sample bg-default-analogic-d-sub-accent-dark'></span>
<span class='color-sample bg-default-analogic-d-sub-accent-light'></span>
<span class='color-sample bg-default-analogic-d-sub-accent-soft'></span>
<span class='color-sample bg-default-analogic-d-sub-dominant'></span>
<span class='color-sample bg-default-analogic-d-sub-dominant-dark'></span>
<span class='color-sample bg-default-analogic-d-sub-dominant-light'></span>
<span class='color-sample bg-default-analogic-d-sub-dominant-soft'></span>
</span>
1.221 Scheme "default-analogic-e".
Scheme "default" and scheme "analogic" "e"
Default analogic e background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-analogic-e-accent'></span>
<span class='color-sample bg-default-analogic-e-accent-dark'></span>
<span class='color-sample bg-default-analogic-e-accent-light'></span>
<span class='color-sample bg-default-analogic-e-accent-soft'></span>
<span class='color-sample bg-default-analogic-e-dominant'></span>
<span class='color-sample bg-default-analogic-e-dominant-dark'></span>
<span class='color-sample bg-default-analogic-e-dominant-light'></span>
<span class='color-sample bg-default-analogic-e-dominant-soft'></span>
<span class='color-sample bg-default-analogic-e-sub-accent'></span>
<span class='color-sample bg-default-analogic-e-sub-accent-dark'></span>
<span class='color-sample bg-default-analogic-e-sub-accent-light'></span>
<span class='color-sample bg-default-analogic-e-sub-accent-soft'></span>
<span class='color-sample bg-default-analogic-e-sub-dominant'></span>
<span class='color-sample bg-default-analogic-e-sub-dominant-dark'></span>
<span class='color-sample bg-default-analogic-e-sub-dominant-light'></span>
<span class='color-sample bg-default-analogic-e-sub-dominant-soft'></span>
</span>
1.222 Scheme "default-analogic-f".
Scheme "default" and scheme "analogic" "f"
Default analogic f background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-analogic-f-accent'></span>
<span class='color-sample bg-default-analogic-f-accent-dark'></span>
<span class='color-sample bg-default-analogic-f-accent-light'></span>
<span class='color-sample bg-default-analogic-f-accent-soft'></span>
<span class='color-sample bg-default-analogic-f-dominant'></span>
<span class='color-sample bg-default-analogic-f-dominant-dark'></span>
<span class='color-sample bg-default-analogic-f-dominant-light'></span>
<span class='color-sample bg-default-analogic-f-dominant-soft'></span>
<span class='color-sample bg-default-analogic-f-sub-accent'></span>
<span class='color-sample bg-default-analogic-f-sub-accent-dark'></span>
<span class='color-sample bg-default-analogic-f-sub-accent-light'></span>
<span class='color-sample bg-default-analogic-f-sub-accent-soft'></span>
<span class='color-sample bg-default-analogic-f-sub-dominant'></span>
<span class='color-sample bg-default-analogic-f-sub-dominant-dark'></span>
<span class='color-sample bg-default-analogic-f-sub-dominant-light'></span>
<span class='color-sample bg-default-analogic-f-sub-dominant-soft'></span>
</span>
1.223 Scheme "default-analogic-g".
Scheme "default" and scheme "analogic" "g"
Default analogic g background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-analogic-g-accent'></span>
<span class='color-sample bg-default-analogic-g-accent-dark'></span>
<span class='color-sample bg-default-analogic-g-accent-light'></span>
<span class='color-sample bg-default-analogic-g-accent-soft'></span>
<span class='color-sample bg-default-analogic-g-dominant'></span>
<span class='color-sample bg-default-analogic-g-dominant-dark'></span>
<span class='color-sample bg-default-analogic-g-dominant-light'></span>
<span class='color-sample bg-default-analogic-g-dominant-soft'></span>
<span class='color-sample bg-default-analogic-g-sub-accent'></span>
<span class='color-sample bg-default-analogic-g-sub-accent-dark'></span>
<span class='color-sample bg-default-analogic-g-sub-accent-light'></span>
<span class='color-sample bg-default-analogic-g-sub-accent-soft'></span>
<span class='color-sample bg-default-analogic-g-sub-dominant'></span>
<span class='color-sample bg-default-analogic-g-sub-dominant-dark'></span>
<span class='color-sample bg-default-analogic-g-sub-dominant-light'></span>
<span class='color-sample bg-default-analogic-g-sub-dominant-soft'></span>
</span>
1.224 Scheme "default-analogic-h".
Scheme "default" and scheme "analogic" "h"
Default analogic h background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-analogic-h-accent'></span>
<span class='color-sample bg-default-analogic-h-accent-dark'></span>
<span class='color-sample bg-default-analogic-h-accent-light'></span>
<span class='color-sample bg-default-analogic-h-accent-soft'></span>
<span class='color-sample bg-default-analogic-h-dominant'></span>
<span class='color-sample bg-default-analogic-h-dominant-dark'></span>
<span class='color-sample bg-default-analogic-h-dominant-light'></span>
<span class='color-sample bg-default-analogic-h-dominant-soft'></span>
<span class='color-sample bg-default-analogic-h-sub-accent'></span>
<span class='color-sample bg-default-analogic-h-sub-accent-dark'></span>
<span class='color-sample bg-default-analogic-h-sub-accent-light'></span>
<span class='color-sample bg-default-analogic-h-sub-accent-soft'></span>
<span class='color-sample bg-default-analogic-h-sub-dominant'></span>
<span class='color-sample bg-default-analogic-h-sub-dominant-dark'></span>
<span class='color-sample bg-default-analogic-h-sub-dominant-light'></span>
<span class='color-sample bg-default-analogic-h-sub-dominant-soft'></span>
</span>
1.225 Scheme "default-analogic-i".
Scheme "default" and scheme "analogic" "i"
Default analogic i background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-analogic-i-accent'></span>
<span class='color-sample bg-default-analogic-i-accent-dark'></span>
<span class='color-sample bg-default-analogic-i-accent-light'></span>
<span class='color-sample bg-default-analogic-i-accent-soft'></span>
<span class='color-sample bg-default-analogic-i-dominant'></span>
<span class='color-sample bg-default-analogic-i-dominant-dark'></span>
<span class='color-sample bg-default-analogic-i-dominant-light'></span>
<span class='color-sample bg-default-analogic-i-dominant-soft'></span>
<span class='color-sample bg-default-analogic-i-sub-accent'></span>
<span class='color-sample bg-default-analogic-i-sub-accent-dark'></span>
<span class='color-sample bg-default-analogic-i-sub-accent-light'></span>
<span class='color-sample bg-default-analogic-i-sub-accent-soft'></span>
<span class='color-sample bg-default-analogic-i-sub-dominant'></span>
<span class='color-sample bg-default-analogic-i-sub-dominant-dark'></span>
<span class='color-sample bg-default-analogic-i-sub-dominant-light'></span>
<span class='color-sample bg-default-analogic-i-sub-dominant-soft'></span>
</span>
1.226 Scheme "default-analogic-j".
Scheme "default" and scheme "analogic" "j"
Default analogic j background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-analogic-j-accent'></span>
<span class='color-sample bg-default-analogic-j-accent-dark'></span>
<span class='color-sample bg-default-analogic-j-accent-light'></span>
<span class='color-sample bg-default-analogic-j-accent-soft'></span>
<span class='color-sample bg-default-analogic-j-dominant'></span>
<span class='color-sample bg-default-analogic-j-dominant-dark'></span>
<span class='color-sample bg-default-analogic-j-dominant-light'></span>
<span class='color-sample bg-default-analogic-j-dominant-soft'></span>
<span class='color-sample bg-default-analogic-j-sub-accent'></span>
<span class='color-sample bg-default-analogic-j-sub-accent-dark'></span>
<span class='color-sample bg-default-analogic-j-sub-accent-light'></span>
<span class='color-sample bg-default-analogic-j-sub-accent-soft'></span>
<span class='color-sample bg-default-analogic-j-sub-dominant'></span>
<span class='color-sample bg-default-analogic-j-sub-dominant-dark'></span>
<span class='color-sample bg-default-analogic-j-sub-dominant-light'></span>
<span class='color-sample bg-default-analogic-j-sub-dominant-soft'></span>
</span>
1.227 Scheme "default-analogic-k".
Scheme "default" and scheme "analogic" "k"
Default analogic k background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-analogic-k-accent'></span>
<span class='color-sample bg-default-analogic-k-accent-dark'></span>
<span class='color-sample bg-default-analogic-k-accent-light'></span>
<span class='color-sample bg-default-analogic-k-accent-soft'></span>
<span class='color-sample bg-default-analogic-k-dominant'></span>
<span class='color-sample bg-default-analogic-k-dominant-dark'></span>
<span class='color-sample bg-default-analogic-k-dominant-light'></span>
<span class='color-sample bg-default-analogic-k-dominant-soft'></span>
<span class='color-sample bg-default-analogic-k-sub-accent'></span>
<span class='color-sample bg-default-analogic-k-sub-accent-dark'></span>
<span class='color-sample bg-default-analogic-k-sub-accent-light'></span>
<span class='color-sample bg-default-analogic-k-sub-accent-soft'></span>
<span class='color-sample bg-default-analogic-k-sub-dominant'></span>
<span class='color-sample bg-default-analogic-k-sub-dominant-dark'></span>
<span class='color-sample bg-default-analogic-k-sub-dominant-light'></span>
<span class='color-sample bg-default-analogic-k-sub-dominant-soft'></span>
</span>
1.228 Scheme "default-analogic-l".
Scheme "default" and scheme "analogic" "l"
Default analogic l background color.
<span class="{$modifiers}">
<span class='color-sample bg-default-analogic-l-accent'></span>
<span class='color-sample bg-default-analogic-l-accent-dark'></span>
<span class='color-sample bg-default-analogic-l-accent-light'></span>
<span class='color-sample bg-default-analogic-l-accent-soft'></span>
<span class='color-sample bg-default-analogic-l-dominant'></span>
<span class='color-sample bg-default-analogic-l-dominant-dark'></span>
<span class='color-sample bg-default-analogic-l-dominant-light'></span>
<span class='color-sample bg-default-analogic-l-dominant-soft'></span>
<span class='color-sample bg-default-analogic-l-sub-accent'></span>
<span class='color-sample bg-default-analogic-l-sub-accent-dark'></span>
<span class='color-sample bg-default-analogic-l-sub-accent-light'></span>
<span class='color-sample bg-default-analogic-l-sub-accent-soft'></span>
<span class='color-sample bg-default-analogic-l-sub-dominant'></span>
<span class='color-sample bg-default-analogic-l-sub-dominant-dark'></span>
<span class='color-sample bg-default-analogic-l-sub-dominant-light'></span>
<span class='color-sample bg-default-analogic-l-sub-dominant-soft'></span>
</span>
1.229 Scheme "pastel-analogic-a".
Scheme "pastel" and scheme "analogic" "a"
Pastel analogic a background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-analogic-a-accent'></span>
<span class='color-sample bg-pastel-analogic-a-accent-dark'></span>
<span class='color-sample bg-pastel-analogic-a-accent-light'></span>
<span class='color-sample bg-pastel-analogic-a-accent-soft'></span>
<span class='color-sample bg-pastel-analogic-a-dominant'></span>
<span class='color-sample bg-pastel-analogic-a-dominant-dark'></span>
<span class='color-sample bg-pastel-analogic-a-dominant-light'></span>
<span class='color-sample bg-pastel-analogic-a-dominant-soft'></span>
<span class='color-sample bg-pastel-analogic-a-sub-accent'></span>
<span class='color-sample bg-pastel-analogic-a-sub-accent-dark'></span>
<span class='color-sample bg-pastel-analogic-a-sub-accent-light'></span>
<span class='color-sample bg-pastel-analogic-a-sub-accent-soft'></span>
<span class='color-sample bg-pastel-analogic-a-sub-dominant'></span>
<span class='color-sample bg-pastel-analogic-a-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-analogic-a-sub-dominant-light'></span>
<span class='color-sample bg-pastel-analogic-a-sub-dominant-soft'></span>
</span>
1.230 Scheme "pastel-analogic-b".
Scheme "pastel" and scheme "analogic" "b"
Pastel analogic b background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-analogic-b-accent'></span>
<span class='color-sample bg-pastel-analogic-b-accent-dark'></span>
<span class='color-sample bg-pastel-analogic-b-accent-light'></span>
<span class='color-sample bg-pastel-analogic-b-accent-soft'></span>
<span class='color-sample bg-pastel-analogic-b-dominant'></span>
<span class='color-sample bg-pastel-analogic-b-dominant-dark'></span>
<span class='color-sample bg-pastel-analogic-b-dominant-light'></span>
<span class='color-sample bg-pastel-analogic-b-dominant-soft'></span>
<span class='color-sample bg-pastel-analogic-b-sub-accent'></span>
<span class='color-sample bg-pastel-analogic-b-sub-accent-dark'></span>
<span class='color-sample bg-pastel-analogic-b-sub-accent-light'></span>
<span class='color-sample bg-pastel-analogic-b-sub-accent-soft'></span>
<span class='color-sample bg-pastel-analogic-b-sub-dominant'></span>
<span class='color-sample bg-pastel-analogic-b-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-analogic-b-sub-dominant-light'></span>
<span class='color-sample bg-pastel-analogic-b-sub-dominant-soft'></span>
</span>
1.231 Scheme "pastel-analogic-c".
Scheme "pastel" and scheme "analogic" "c"
Pastel analogic c background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-analogic-c-accent'></span>
<span class='color-sample bg-pastel-analogic-c-accent-dark'></span>
<span class='color-sample bg-pastel-analogic-c-accent-light'></span>
<span class='color-sample bg-pastel-analogic-c-accent-soft'></span>
<span class='color-sample bg-pastel-analogic-c-dominant'></span>
<span class='color-sample bg-pastel-analogic-c-dominant-dark'></span>
<span class='color-sample bg-pastel-analogic-c-dominant-light'></span>
<span class='color-sample bg-pastel-analogic-c-dominant-soft'></span>
<span class='color-sample bg-pastel-analogic-c-sub-accent'></span>
<span class='color-sample bg-pastel-analogic-c-sub-accent-dark'></span>
<span class='color-sample bg-pastel-analogic-c-sub-accent-light'></span>
<span class='color-sample bg-pastel-analogic-c-sub-accent-soft'></span>
<span class='color-sample bg-pastel-analogic-c-sub-dominant'></span>
<span class='color-sample bg-pastel-analogic-c-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-analogic-c-sub-dominant-light'></span>
<span class='color-sample bg-pastel-analogic-c-sub-dominant-soft'></span>
</span>
1.232 Scheme "pastel-analogic-d".
Scheme "pastel" and scheme "analogic" "d"
Pastel analogic d background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-analogic-d-accent'></span>
<span class='color-sample bg-pastel-analogic-d-accent-dark'></span>
<span class='color-sample bg-pastel-analogic-d-accent-light'></span>
<span class='color-sample bg-pastel-analogic-d-accent-soft'></span>
<span class='color-sample bg-pastel-analogic-d-dominant'></span>
<span class='color-sample bg-pastel-analogic-d-dominant-dark'></span>
<span class='color-sample bg-pastel-analogic-d-dominant-light'></span>
<span class='color-sample bg-pastel-analogic-d-dominant-soft'></span>
<span class='color-sample bg-pastel-analogic-d-sub-accent'></span>
<span class='color-sample bg-pastel-analogic-d-sub-accent-dark'></span>
<span class='color-sample bg-pastel-analogic-d-sub-accent-light'></span>
<span class='color-sample bg-pastel-analogic-d-sub-accent-soft'></span>
<span class='color-sample bg-pastel-analogic-d-sub-dominant'></span>
<span class='color-sample bg-pastel-analogic-d-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-analogic-d-sub-dominant-light'></span>
<span class='color-sample bg-pastel-analogic-d-sub-dominant-soft'></span>
</span>
1.233 Scheme "pastel-analogic-e".
Scheme "pastel" and scheme "analogic" "e"
Pastel analogic e background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-analogic-e-accent'></span>
<span class='color-sample bg-pastel-analogic-e-accent-dark'></span>
<span class='color-sample bg-pastel-analogic-e-accent-light'></span>
<span class='color-sample bg-pastel-analogic-e-accent-soft'></span>
<span class='color-sample bg-pastel-analogic-e-dominant'></span>
<span class='color-sample bg-pastel-analogic-e-dominant-dark'></span>
<span class='color-sample bg-pastel-analogic-e-dominant-light'></span>
<span class='color-sample bg-pastel-analogic-e-dominant-soft'></span>
<span class='color-sample bg-pastel-analogic-e-sub-accent'></span>
<span class='color-sample bg-pastel-analogic-e-sub-accent-dark'></span>
<span class='color-sample bg-pastel-analogic-e-sub-accent-light'></span>
<span class='color-sample bg-pastel-analogic-e-sub-accent-soft'></span>
<span class='color-sample bg-pastel-analogic-e-sub-dominant'></span>
<span class='color-sample bg-pastel-analogic-e-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-analogic-e-sub-dominant-light'></span>
<span class='color-sample bg-pastel-analogic-e-sub-dominant-soft'></span>
</span>
1.234 Scheme "pastel-analogic-f".
Scheme "pastel" and scheme "analogic" "f"
Pastel analogic f background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-analogic-f-accent'></span>
<span class='color-sample bg-pastel-analogic-f-accent-dark'></span>
<span class='color-sample bg-pastel-analogic-f-accent-light'></span>
<span class='color-sample bg-pastel-analogic-f-accent-soft'></span>
<span class='color-sample bg-pastel-analogic-f-dominant'></span>
<span class='color-sample bg-pastel-analogic-f-dominant-dark'></span>
<span class='color-sample bg-pastel-analogic-f-dominant-light'></span>
<span class='color-sample bg-pastel-analogic-f-dominant-soft'></span>
<span class='color-sample bg-pastel-analogic-f-sub-accent'></span>
<span class='color-sample bg-pastel-analogic-f-sub-accent-dark'></span>
<span class='color-sample bg-pastel-analogic-f-sub-accent-light'></span>
<span class='color-sample bg-pastel-analogic-f-sub-accent-soft'></span>
<span class='color-sample bg-pastel-analogic-f-sub-dominant'></span>
<span class='color-sample bg-pastel-analogic-f-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-analogic-f-sub-dominant-light'></span>
<span class='color-sample bg-pastel-analogic-f-sub-dominant-soft'></span>
</span>
1.235 Scheme "pastel-analogic-g".
Scheme "pastel" and scheme "analogic" "g"
Pastel analogic g background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-analogic-g-accent'></span>
<span class='color-sample bg-pastel-analogic-g-accent-dark'></span>
<span class='color-sample bg-pastel-analogic-g-accent-light'></span>
<span class='color-sample bg-pastel-analogic-g-accent-soft'></span>
<span class='color-sample bg-pastel-analogic-g-dominant'></span>
<span class='color-sample bg-pastel-analogic-g-dominant-dark'></span>
<span class='color-sample bg-pastel-analogic-g-dominant-light'></span>
<span class='color-sample bg-pastel-analogic-g-dominant-soft'></span>
<span class='color-sample bg-pastel-analogic-g-sub-accent'></span>
<span class='color-sample bg-pastel-analogic-g-sub-accent-dark'></span>
<span class='color-sample bg-pastel-analogic-g-sub-accent-light'></span>
<span class='color-sample bg-pastel-analogic-g-sub-accent-soft'></span>
<span class='color-sample bg-pastel-analogic-g-sub-dominant'></span>
<span class='color-sample bg-pastel-analogic-g-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-analogic-g-sub-dominant-light'></span>
<span class='color-sample bg-pastel-analogic-g-sub-dominant-soft'></span>
</span>
1.236 Scheme "pastel-analogic-h".
Scheme "pastel" and scheme "analogic" "h"
Pastel analogic h background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-analogic-h-accent'></span>
<span class='color-sample bg-pastel-analogic-h-accent-dark'></span>
<span class='color-sample bg-pastel-analogic-h-accent-light'></span>
<span class='color-sample bg-pastel-analogic-h-accent-soft'></span>
<span class='color-sample bg-pastel-analogic-h-dominant'></span>
<span class='color-sample bg-pastel-analogic-h-dominant-dark'></span>
<span class='color-sample bg-pastel-analogic-h-dominant-light'></span>
<span class='color-sample bg-pastel-analogic-h-dominant-soft'></span>
<span class='color-sample bg-pastel-analogic-h-sub-accent'></span>
<span class='color-sample bg-pastel-analogic-h-sub-accent-dark'></span>
<span class='color-sample bg-pastel-analogic-h-sub-accent-light'></span>
<span class='color-sample bg-pastel-analogic-h-sub-accent-soft'></span>
<span class='color-sample bg-pastel-analogic-h-sub-dominant'></span>
<span class='color-sample bg-pastel-analogic-h-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-analogic-h-sub-dominant-light'></span>
<span class='color-sample bg-pastel-analogic-h-sub-dominant-soft'></span>
</span>
1.237 Scheme "pastel-analogic-i".
Scheme "pastel" and scheme "analogic" "i"
Pastel analogic i background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-analogic-i-accent'></span>
<span class='color-sample bg-pastel-analogic-i-accent-dark'></span>
<span class='color-sample bg-pastel-analogic-i-accent-light'></span>
<span class='color-sample bg-pastel-analogic-i-accent-soft'></span>
<span class='color-sample bg-pastel-analogic-i-dominant'></span>
<span class='color-sample bg-pastel-analogic-i-dominant-dark'></span>
<span class='color-sample bg-pastel-analogic-i-dominant-light'></span>
<span class='color-sample bg-pastel-analogic-i-dominant-soft'></span>
<span class='color-sample bg-pastel-analogic-i-sub-accent'></span>
<span class='color-sample bg-pastel-analogic-i-sub-accent-dark'></span>
<span class='color-sample bg-pastel-analogic-i-sub-accent-light'></span>
<span class='color-sample bg-pastel-analogic-i-sub-accent-soft'></span>
<span class='color-sample bg-pastel-analogic-i-sub-dominant'></span>
<span class='color-sample bg-pastel-analogic-i-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-analogic-i-sub-dominant-light'></span>
<span class='color-sample bg-pastel-analogic-i-sub-dominant-soft'></span>
</span>
1.238 Scheme "pastel-analogic-j".
Scheme "pastel" and scheme "analogic" "j"
Pastel analogic j background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-analogic-j-accent'></span>
<span class='color-sample bg-pastel-analogic-j-accent-dark'></span>
<span class='color-sample bg-pastel-analogic-j-accent-light'></span>
<span class='color-sample bg-pastel-analogic-j-accent-soft'></span>
<span class='color-sample bg-pastel-analogic-j-dominant'></span>
<span class='color-sample bg-pastel-analogic-j-dominant-dark'></span>
<span class='color-sample bg-pastel-analogic-j-dominant-light'></span>
<span class='color-sample bg-pastel-analogic-j-dominant-soft'></span>
<span class='color-sample bg-pastel-analogic-j-sub-accent'></span>
<span class='color-sample bg-pastel-analogic-j-sub-accent-dark'></span>
<span class='color-sample bg-pastel-analogic-j-sub-accent-light'></span>
<span class='color-sample bg-pastel-analogic-j-sub-accent-soft'></span>
<span class='color-sample bg-pastel-analogic-j-sub-dominant'></span>
<span class='color-sample bg-pastel-analogic-j-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-analogic-j-sub-dominant-light'></span>
<span class='color-sample bg-pastel-analogic-j-sub-dominant-soft'></span>
</span>
1.239 Scheme "pastel-analogic-k".
Scheme "pastel" and scheme "analogic" "k"
Pastel analogic k background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-analogic-k-accent'></span>
<span class='color-sample bg-pastel-analogic-k-accent-dark'></span>
<span class='color-sample bg-pastel-analogic-k-accent-light'></span>
<span class='color-sample bg-pastel-analogic-k-accent-soft'></span>
<span class='color-sample bg-pastel-analogic-k-dominant'></span>
<span class='color-sample bg-pastel-analogic-k-dominant-dark'></span>
<span class='color-sample bg-pastel-analogic-k-dominant-light'></span>
<span class='color-sample bg-pastel-analogic-k-dominant-soft'></span>
<span class='color-sample bg-pastel-analogic-k-sub-accent'></span>
<span class='color-sample bg-pastel-analogic-k-sub-accent-dark'></span>
<span class='color-sample bg-pastel-analogic-k-sub-accent-light'></span>
<span class='color-sample bg-pastel-analogic-k-sub-accent-soft'></span>
<span class='color-sample bg-pastel-analogic-k-sub-dominant'></span>
<span class='color-sample bg-pastel-analogic-k-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-analogic-k-sub-dominant-light'></span>
<span class='color-sample bg-pastel-analogic-k-sub-dominant-soft'></span>
</span>
1.240 Scheme "pastel-analogic-l".
Scheme "pastel" and scheme "analogic" "l"
Pastel analogic l background color.
<span class="{$modifiers}">
<span class='color-sample bg-pastel-analogic-l-accent'></span>
<span class='color-sample bg-pastel-analogic-l-accent-dark'></span>
<span class='color-sample bg-pastel-analogic-l-accent-light'></span>
<span class='color-sample bg-pastel-analogic-l-accent-soft'></span>
<span class='color-sample bg-pastel-analogic-l-dominant'></span>
<span class='color-sample bg-pastel-analogic-l-dominant-dark'></span>
<span class='color-sample bg-pastel-analogic-l-dominant-light'></span>
<span class='color-sample bg-pastel-analogic-l-dominant-soft'></span>
<span class='color-sample bg-pastel-analogic-l-sub-accent'></span>
<span class='color-sample bg-pastel-analogic-l-sub-accent-dark'></span>
<span class='color-sample bg-pastel-analogic-l-sub-accent-light'></span>
<span class='color-sample bg-pastel-analogic-l-sub-accent-soft'></span>
<span class='color-sample bg-pastel-analogic-l-sub-dominant'></span>
<span class='color-sample bg-pastel-analogic-l-sub-dominant-dark'></span>
<span class='color-sample bg-pastel-analogic-l-sub-dominant-light'></span>
<span class='color-sample bg-pastel-analogic-l-sub-dominant-soft'></span>
</span>
1.241 Scheme "soft-analogic-a".
Scheme "soft" and scheme "analogic" "a"
Soft analogic a background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-analogic-a-accent'></span>
<span class='color-sample bg-soft-analogic-a-accent-dark'></span>
<span class='color-sample bg-soft-analogic-a-accent-light'></span>
<span class='color-sample bg-soft-analogic-a-accent-soft'></span>
<span class='color-sample bg-soft-analogic-a-dominant'></span>
<span class='color-sample bg-soft-analogic-a-dominant-dark'></span>
<span class='color-sample bg-soft-analogic-a-dominant-light'></span>
<span class='color-sample bg-soft-analogic-a-dominant-soft'></span>
<span class='color-sample bg-soft-analogic-a-sub-accent'></span>
<span class='color-sample bg-soft-analogic-a-sub-accent-dark'></span>
<span class='color-sample bg-soft-analogic-a-sub-accent-light'></span>
<span class='color-sample bg-soft-analogic-a-sub-accent-soft'></span>
<span class='color-sample bg-soft-analogic-a-sub-dominant'></span>
<span class='color-sample bg-soft-analogic-a-sub-dominant-dark'></span>
<span class='color-sample bg-soft-analogic-a-sub-dominant-light'></span>
<span class='color-sample bg-soft-analogic-a-sub-dominant-soft'></span>
</span>
1.242 Scheme "soft-analogic-b".
Scheme "soft" and scheme "analogic" "b"
Soft analogic b background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-analogic-b-accent'></span>
<span class='color-sample bg-soft-analogic-b-accent-dark'></span>
<span class='color-sample bg-soft-analogic-b-accent-light'></span>
<span class='color-sample bg-soft-analogic-b-accent-soft'></span>
<span class='color-sample bg-soft-analogic-b-dominant'></span>
<span class='color-sample bg-soft-analogic-b-dominant-dark'></span>
<span class='color-sample bg-soft-analogic-b-dominant-light'></span>
<span class='color-sample bg-soft-analogic-b-dominant-soft'></span>
<span class='color-sample bg-soft-analogic-b-sub-accent'></span>
<span class='color-sample bg-soft-analogic-b-sub-accent-dark'></span>
<span class='color-sample bg-soft-analogic-b-sub-accent-light'></span>
<span class='color-sample bg-soft-analogic-b-sub-accent-soft'></span>
<span class='color-sample bg-soft-analogic-b-sub-dominant'></span>
<span class='color-sample bg-soft-analogic-b-sub-dominant-dark'></span>
<span class='color-sample bg-soft-analogic-b-sub-dominant-light'></span>
<span class='color-sample bg-soft-analogic-b-sub-dominant-soft'></span>
</span>
1.243 Scheme "soft-analogic-c".
Scheme "soft" and scheme "analogic" "c"
Soft analogic c background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-analogic-c-accent'></span>
<span class='color-sample bg-soft-analogic-c-accent-dark'></span>
<span class='color-sample bg-soft-analogic-c-accent-light'></span>
<span class='color-sample bg-soft-analogic-c-accent-soft'></span>
<span class='color-sample bg-soft-analogic-c-dominant'></span>
<span class='color-sample bg-soft-analogic-c-dominant-dark'></span>
<span class='color-sample bg-soft-analogic-c-dominant-light'></span>
<span class='color-sample bg-soft-analogic-c-dominant-soft'></span>
<span class='color-sample bg-soft-analogic-c-sub-accent'></span>
<span class='color-sample bg-soft-analogic-c-sub-accent-dark'></span>
<span class='color-sample bg-soft-analogic-c-sub-accent-light'></span>
<span class='color-sample bg-soft-analogic-c-sub-accent-soft'></span>
<span class='color-sample bg-soft-analogic-c-sub-dominant'></span>
<span class='color-sample bg-soft-analogic-c-sub-dominant-dark'></span>
<span class='color-sample bg-soft-analogic-c-sub-dominant-light'></span>
<span class='color-sample bg-soft-analogic-c-sub-dominant-soft'></span>
</span>
1.244 Scheme "soft-analogic-d".
Scheme "soft" and scheme "analogic" "d"
Soft analogic d background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-analogic-d-accent'></span>
<span class='color-sample bg-soft-analogic-d-accent-dark'></span>
<span class='color-sample bg-soft-analogic-d-accent-light'></span>
<span class='color-sample bg-soft-analogic-d-accent-soft'></span>
<span class='color-sample bg-soft-analogic-d-dominant'></span>
<span class='color-sample bg-soft-analogic-d-dominant-dark'></span>
<span class='color-sample bg-soft-analogic-d-dominant-light'></span>
<span class='color-sample bg-soft-analogic-d-dominant-soft'></span>
<span class='color-sample bg-soft-analogic-d-sub-accent'></span>
<span class='color-sample bg-soft-analogic-d-sub-accent-dark'></span>
<span class='color-sample bg-soft-analogic-d-sub-accent-light'></span>
<span class='color-sample bg-soft-analogic-d-sub-accent-soft'></span>
<span class='color-sample bg-soft-analogic-d-sub-dominant'></span>
<span class='color-sample bg-soft-analogic-d-sub-dominant-dark'></span>
<span class='color-sample bg-soft-analogic-d-sub-dominant-light'></span>
<span class='color-sample bg-soft-analogic-d-sub-dominant-soft'></span>
</span>
1.245 Scheme "soft-analogic-e".
Scheme "soft" and scheme "analogic" "e"
Soft analogic e background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-analogic-e-accent'></span>
<span class='color-sample bg-soft-analogic-e-accent-dark'></span>
<span class='color-sample bg-soft-analogic-e-accent-light'></span>
<span class='color-sample bg-soft-analogic-e-accent-soft'></span>
<span class='color-sample bg-soft-analogic-e-dominant'></span>
<span class='color-sample bg-soft-analogic-e-dominant-dark'></span>
<span class='color-sample bg-soft-analogic-e-dominant-light'></span>
<span class='color-sample bg-soft-analogic-e-dominant-soft'></span>
<span class='color-sample bg-soft-analogic-e-sub-accent'></span>
<span class='color-sample bg-soft-analogic-e-sub-accent-dark'></span>
<span class='color-sample bg-soft-analogic-e-sub-accent-light'></span>
<span class='color-sample bg-soft-analogic-e-sub-accent-soft'></span>
<span class='color-sample bg-soft-analogic-e-sub-dominant'></span>
<span class='color-sample bg-soft-analogic-e-sub-dominant-dark'></span>
<span class='color-sample bg-soft-analogic-e-sub-dominant-light'></span>
<span class='color-sample bg-soft-analogic-e-sub-dominant-soft'></span>
</span>
1.246 Scheme "soft-analogic-f".
Scheme "soft" and scheme "analogic" "f"
Soft analogic f background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-analogic-f-accent'></span>
<span class='color-sample bg-soft-analogic-f-accent-dark'></span>
<span class='color-sample bg-soft-analogic-f-accent-light'></span>
<span class='color-sample bg-soft-analogic-f-accent-soft'></span>
<span class='color-sample bg-soft-analogic-f-dominant'></span>
<span class='color-sample bg-soft-analogic-f-dominant-dark'></span>
<span class='color-sample bg-soft-analogic-f-dominant-light'></span>
<span class='color-sample bg-soft-analogic-f-dominant-soft'></span>
<span class='color-sample bg-soft-analogic-f-sub-accent'></span>
<span class='color-sample bg-soft-analogic-f-sub-accent-dark'></span>
<span class='color-sample bg-soft-analogic-f-sub-accent-light'></span>
<span class='color-sample bg-soft-analogic-f-sub-accent-soft'></span>
<span class='color-sample bg-soft-analogic-f-sub-dominant'></span>
<span class='color-sample bg-soft-analogic-f-sub-dominant-dark'></span>
<span class='color-sample bg-soft-analogic-f-sub-dominant-light'></span>
<span class='color-sample bg-soft-analogic-f-sub-dominant-soft'></span>
</span>
1.247 Scheme "soft-analogic-g".
Scheme "soft" and scheme "analogic" "g"
Soft analogic g background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-analogic-g-accent'></span>
<span class='color-sample bg-soft-analogic-g-accent-dark'></span>
<span class='color-sample bg-soft-analogic-g-accent-light'></span>
<span class='color-sample bg-soft-analogic-g-accent-soft'></span>
<span class='color-sample bg-soft-analogic-g-dominant'></span>
<span class='color-sample bg-soft-analogic-g-dominant-dark'></span>
<span class='color-sample bg-soft-analogic-g-dominant-light'></span>
<span class='color-sample bg-soft-analogic-g-dominant-soft'></span>
<span class='color-sample bg-soft-analogic-g-sub-accent'></span>
<span class='color-sample bg-soft-analogic-g-sub-accent-dark'></span>
<span class='color-sample bg-soft-analogic-g-sub-accent-light'></span>
<span class='color-sample bg-soft-analogic-g-sub-accent-soft'></span>
<span class='color-sample bg-soft-analogic-g-sub-dominant'></span>
<span class='color-sample bg-soft-analogic-g-sub-dominant-dark'></span>
<span class='color-sample bg-soft-analogic-g-sub-dominant-light'></span>
<span class='color-sample bg-soft-analogic-g-sub-dominant-soft'></span>
</span>
1.248 Scheme "soft-analogic-h".
Scheme "soft" and scheme "analogic" "h"
Soft analogic h background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-analogic-h-accent'></span>
<span class='color-sample bg-soft-analogic-h-accent-dark'></span>
<span class='color-sample bg-soft-analogic-h-accent-light'></span>
<span class='color-sample bg-soft-analogic-h-accent-soft'></span>
<span class='color-sample bg-soft-analogic-h-dominant'></span>
<span class='color-sample bg-soft-analogic-h-dominant-dark'></span>
<span class='color-sample bg-soft-analogic-h-dominant-light'></span>
<span class='color-sample bg-soft-analogic-h-dominant-soft'></span>
<span class='color-sample bg-soft-analogic-h-sub-accent'></span>
<span class='color-sample bg-soft-analogic-h-sub-accent-dark'></span>
<span class='color-sample bg-soft-analogic-h-sub-accent-light'></span>
<span class='color-sample bg-soft-analogic-h-sub-accent-soft'></span>
<span class='color-sample bg-soft-analogic-h-sub-dominant'></span>
<span class='color-sample bg-soft-analogic-h-sub-dominant-dark'></span>
<span class='color-sample bg-soft-analogic-h-sub-dominant-light'></span>
<span class='color-sample bg-soft-analogic-h-sub-dominant-soft'></span>
</span>
1.249 Scheme "soft-analogic-i".
Scheme "soft" and scheme "analogic" "i"
Soft analogic i background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-analogic-i-accent'></span>
<span class='color-sample bg-soft-analogic-i-accent-dark'></span>
<span class='color-sample bg-soft-analogic-i-accent-light'></span>
<span class='color-sample bg-soft-analogic-i-accent-soft'></span>
<span class='color-sample bg-soft-analogic-i-dominant'></span>
<span class='color-sample bg-soft-analogic-i-dominant-dark'></span>
<span class='color-sample bg-soft-analogic-i-dominant-light'></span>
<span class='color-sample bg-soft-analogic-i-dominant-soft'></span>
<span class='color-sample bg-soft-analogic-i-sub-accent'></span>
<span class='color-sample bg-soft-analogic-i-sub-accent-dark'></span>
<span class='color-sample bg-soft-analogic-i-sub-accent-light'></span>
<span class='color-sample bg-soft-analogic-i-sub-accent-soft'></span>
<span class='color-sample bg-soft-analogic-i-sub-dominant'></span>
<span class='color-sample bg-soft-analogic-i-sub-dominant-dark'></span>
<span class='color-sample bg-soft-analogic-i-sub-dominant-light'></span>
<span class='color-sample bg-soft-analogic-i-sub-dominant-soft'></span>
</span>
1.250 Scheme "soft-analogic-j".
Scheme "soft" and scheme "analogic" "j"
Soft analogic j background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-analogic-j-accent'></span>
<span class='color-sample bg-soft-analogic-j-accent-dark'></span>
<span class='color-sample bg-soft-analogic-j-accent-light'></span>
<span class='color-sample bg-soft-analogic-j-accent-soft'></span>
<span class='color-sample bg-soft-analogic-j-dominant'></span>
<span class='color-sample bg-soft-analogic-j-dominant-dark'></span>
<span class='color-sample bg-soft-analogic-j-dominant-light'></span>
<span class='color-sample bg-soft-analogic-j-dominant-soft'></span>
<span class='color-sample bg-soft-analogic-j-sub-accent'></span>
<span class='color-sample bg-soft-analogic-j-sub-accent-dark'></span>
<span class='color-sample bg-soft-analogic-j-sub-accent-light'></span>
<span class='color-sample bg-soft-analogic-j-sub-accent-soft'></span>
<span class='color-sample bg-soft-analogic-j-sub-dominant'></span>
<span class='color-sample bg-soft-analogic-j-sub-dominant-dark'></span>
<span class='color-sample bg-soft-analogic-j-sub-dominant-light'></span>
<span class='color-sample bg-soft-analogic-j-sub-dominant-soft'></span>
</span>
1.251 Scheme "soft-analogic-k".
Scheme "soft" and scheme "analogic" "k"
Soft analogic k background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-analogic-k-accent'></span>
<span class='color-sample bg-soft-analogic-k-accent-dark'></span>
<span class='color-sample bg-soft-analogic-k-accent-light'></span>
<span class='color-sample bg-soft-analogic-k-accent-soft'></span>
<span class='color-sample bg-soft-analogic-k-dominant'></span>
<span class='color-sample bg-soft-analogic-k-dominant-dark'></span>
<span class='color-sample bg-soft-analogic-k-dominant-light'></span>
<span class='color-sample bg-soft-analogic-k-dominant-soft'></span>
<span class='color-sample bg-soft-analogic-k-sub-accent'></span>
<span class='color-sample bg-soft-analogic-k-sub-accent-dark'></span>
<span class='color-sample bg-soft-analogic-k-sub-accent-light'></span>
<span class='color-sample bg-soft-analogic-k-sub-accent-soft'></span>
<span class='color-sample bg-soft-analogic-k-sub-dominant'></span>
<span class='color-sample bg-soft-analogic-k-sub-dominant-dark'></span>
<span class='color-sample bg-soft-analogic-k-sub-dominant-light'></span>
<span class='color-sample bg-soft-analogic-k-sub-dominant-soft'></span>
</span>
1.252 Scheme "soft-analogic-l".
Scheme "soft" and scheme "analogic" "l"
Soft analogic l background color.
<span class="{$modifiers}">
<span class='color-sample bg-soft-analogic-l-accent'></span>
<span class='color-sample bg-soft-analogic-l-accent-dark'></span>
<span class='color-sample bg-soft-analogic-l-accent-light'></span>
<span class='color-sample bg-soft-analogic-l-accent-soft'></span>
<span class='color-sample bg-soft-analogic-l-dominant'></span>
<span class='color-sample bg-soft-analogic-l-dominant-dark'></span>
<span class='color-sample bg-soft-analogic-l-dominant-light'></span>
<span class='color-sample bg-soft-analogic-l-dominant-soft'></span>
<span class='color-sample bg-soft-analogic-l-sub-accent'></span>
<span class='color-sample bg-soft-analogic-l-sub-accent-dark'></span>
<span class='color-sample bg-soft-analogic-l-sub-accent-light'></span>
<span class='color-sample bg-soft-analogic-l-sub-accent-soft'></span>
<span class='color-sample bg-soft-analogic-l-sub-dominant'></span>
<span class='color-sample bg-soft-analogic-l-sub-dominant-dark'></span>
<span class='color-sample bg-soft-analogic-l-sub-dominant-light'></span>
<span class='color-sample bg-soft-analogic-l-sub-dominant-soft'></span>
</span>
1.253 Scheme "light-analogic-a".
Scheme "light" and scheme "analogic" "a"
Light analogic a background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-analogic-a-accent'></span>
<span class='color-sample bg-light-analogic-a-accent-dark'></span>
<span class='color-sample bg-light-analogic-a-accent-light'></span>
<span class='color-sample bg-light-analogic-a-accent-soft'></span>
<span class='color-sample bg-light-analogic-a-dominant'></span>
<span class='color-sample bg-light-analogic-a-dominant-dark'></span>
<span class='color-sample bg-light-analogic-a-dominant-light'></span>
<span class='color-sample bg-light-analogic-a-dominant-soft'></span>
<span class='color-sample bg-light-analogic-a-sub-accent'></span>
<span class='color-sample bg-light-analogic-a-sub-accent-dark'></span>
<span class='color-sample bg-light-analogic-a-sub-accent-light'></span>
<span class='color-sample bg-light-analogic-a-sub-accent-soft'></span>
<span class='color-sample bg-light-analogic-a-sub-dominant'></span>
<span class='color-sample bg-light-analogic-a-sub-dominant-dark'></span>
<span class='color-sample bg-light-analogic-a-sub-dominant-light'></span>
<span class='color-sample bg-light-analogic-a-sub-dominant-soft'></span>
</span>
1.254 Scheme "light-analogic-b".
Scheme "light" and scheme "analogic" "b"
Light analogic b background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-analogic-b-accent'></span>
<span class='color-sample bg-light-analogic-b-accent-dark'></span>
<span class='color-sample bg-light-analogic-b-accent-light'></span>
<span class='color-sample bg-light-analogic-b-accent-soft'></span>
<span class='color-sample bg-light-analogic-b-dominant'></span>
<span class='color-sample bg-light-analogic-b-dominant-dark'></span>
<span class='color-sample bg-light-analogic-b-dominant-light'></span>
<span class='color-sample bg-light-analogic-b-dominant-soft'></span>
<span class='color-sample bg-light-analogic-b-sub-accent'></span>
<span class='color-sample bg-light-analogic-b-sub-accent-dark'></span>
<span class='color-sample bg-light-analogic-b-sub-accent-light'></span>
<span class='color-sample bg-light-analogic-b-sub-accent-soft'></span>
<span class='color-sample bg-light-analogic-b-sub-dominant'></span>
<span class='color-sample bg-light-analogic-b-sub-dominant-dark'></span>
<span class='color-sample bg-light-analogic-b-sub-dominant-light'></span>
<span class='color-sample bg-light-analogic-b-sub-dominant-soft'></span>
</span>
1.255 Scheme "light-analogic-c".
Scheme "light" and scheme "analogic" "c"
Light analogic c background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-analogic-c-accent'></span>
<span class='color-sample bg-light-analogic-c-accent-dark'></span>
<span class='color-sample bg-light-analogic-c-accent-light'></span>
<span class='color-sample bg-light-analogic-c-accent-soft'></span>
<span class='color-sample bg-light-analogic-c-dominant'></span>
<span class='color-sample bg-light-analogic-c-dominant-dark'></span>
<span class='color-sample bg-light-analogic-c-dominant-light'></span>
<span class='color-sample bg-light-analogic-c-dominant-soft'></span>
<span class='color-sample bg-light-analogic-c-sub-accent'></span>
<span class='color-sample bg-light-analogic-c-sub-accent-dark'></span>
<span class='color-sample bg-light-analogic-c-sub-accent-light'></span>
<span class='color-sample bg-light-analogic-c-sub-accent-soft'></span>
<span class='color-sample bg-light-analogic-c-sub-dominant'></span>
<span class='color-sample bg-light-analogic-c-sub-dominant-dark'></span>
<span class='color-sample bg-light-analogic-c-sub-dominant-light'></span>
<span class='color-sample bg-light-analogic-c-sub-dominant-soft'></span>
</span>
1.256 Scheme "light-analogic-d".
Scheme "light" and scheme "analogic" "d"
Light analogic d background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-analogic-d-accent'></span>
<span class='color-sample bg-light-analogic-d-accent-dark'></span>
<span class='color-sample bg-light-analogic-d-accent-light'></span>
<span class='color-sample bg-light-analogic-d-accent-soft'></span>
<span class='color-sample bg-light-analogic-d-dominant'></span>
<span class='color-sample bg-light-analogic-d-dominant-dark'></span>
<span class='color-sample bg-light-analogic-d-dominant-light'></span>
<span class='color-sample bg-light-analogic-d-dominant-soft'></span>
<span class='color-sample bg-light-analogic-d-sub-accent'></span>
<span class='color-sample bg-light-analogic-d-sub-accent-dark'></span>
<span class='color-sample bg-light-analogic-d-sub-accent-light'></span>
<span class='color-sample bg-light-analogic-d-sub-accent-soft'></span>
<span class='color-sample bg-light-analogic-d-sub-dominant'></span>
<span class='color-sample bg-light-analogic-d-sub-dominant-dark'></span>
<span class='color-sample bg-light-analogic-d-sub-dominant-light'></span>
<span class='color-sample bg-light-analogic-d-sub-dominant-soft'></span>
</span>
1.257 Scheme "light-analogic-e".
Scheme "light" and scheme "analogic" "e"
Light analogic e background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-analogic-e-accent'></span>
<span class='color-sample bg-light-analogic-e-accent-dark'></span>
<span class='color-sample bg-light-analogic-e-accent-light'></span>
<span class='color-sample bg-light-analogic-e-accent-soft'></span>
<span class='color-sample bg-light-analogic-e-dominant'></span>
<span class='color-sample bg-light-analogic-e-dominant-dark'></span>
<span class='color-sample bg-light-analogic-e-dominant-light'></span>
<span class='color-sample bg-light-analogic-e-dominant-soft'></span>
<span class='color-sample bg-light-analogic-e-sub-accent'></span>
<span class='color-sample bg-light-analogic-e-sub-accent-dark'></span>
<span class='color-sample bg-light-analogic-e-sub-accent-light'></span>
<span class='color-sample bg-light-analogic-e-sub-accent-soft'></span>
<span class='color-sample bg-light-analogic-e-sub-dominant'></span>
<span class='color-sample bg-light-analogic-e-sub-dominant-dark'></span>
<span class='color-sample bg-light-analogic-e-sub-dominant-light'></span>
<span class='color-sample bg-light-analogic-e-sub-dominant-soft'></span>
</span>
1.258 Scheme "light-analogic-f".
Scheme "light" and scheme "analogic" "f"
Light analogic f background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-analogic-f-accent'></span>
<span class='color-sample bg-light-analogic-f-accent-dark'></span>
<span class='color-sample bg-light-analogic-f-accent-light'></span>
<span class='color-sample bg-light-analogic-f-accent-soft'></span>
<span class='color-sample bg-light-analogic-f-dominant'></span>
<span class='color-sample bg-light-analogic-f-dominant-dark'></span>
<span class='color-sample bg-light-analogic-f-dominant-light'></span>
<span class='color-sample bg-light-analogic-f-dominant-soft'></span>
<span class='color-sample bg-light-analogic-f-sub-accent'></span>
<span class='color-sample bg-light-analogic-f-sub-accent-dark'></span>
<span class='color-sample bg-light-analogic-f-sub-accent-light'></span>
<span class='color-sample bg-light-analogic-f-sub-accent-soft'></span>
<span class='color-sample bg-light-analogic-f-sub-dominant'></span>
<span class='color-sample bg-light-analogic-f-sub-dominant-dark'></span>
<span class='color-sample bg-light-analogic-f-sub-dominant-light'></span>
<span class='color-sample bg-light-analogic-f-sub-dominant-soft'></span>
</span>
1.259 Scheme "light-analogic-g".
Scheme "light" and scheme "analogic" "g"
Light analogic g background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-analogic-g-accent'></span>
<span class='color-sample bg-light-analogic-g-accent-dark'></span>
<span class='color-sample bg-light-analogic-g-accent-light'></span>
<span class='color-sample bg-light-analogic-g-accent-soft'></span>
<span class='color-sample bg-light-analogic-g-dominant'></span>
<span class='color-sample bg-light-analogic-g-dominant-dark'></span>
<span class='color-sample bg-light-analogic-g-dominant-light'></span>
<span class='color-sample bg-light-analogic-g-dominant-soft'></span>
<span class='color-sample bg-light-analogic-g-sub-accent'></span>
<span class='color-sample bg-light-analogic-g-sub-accent-dark'></span>
<span class='color-sample bg-light-analogic-g-sub-accent-light'></span>
<span class='color-sample bg-light-analogic-g-sub-accent-soft'></span>
<span class='color-sample bg-light-analogic-g-sub-dominant'></span>
<span class='color-sample bg-light-analogic-g-sub-dominant-dark'></span>
<span class='color-sample bg-light-analogic-g-sub-dominant-light'></span>
<span class='color-sample bg-light-analogic-g-sub-dominant-soft'></span>
</span>
1.260 Scheme "light-analogic-h".
Scheme "light" and scheme "analogic" "h"
Light analogic h background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-analogic-h-accent'></span>
<span class='color-sample bg-light-analogic-h-accent-dark'></span>
<span class='color-sample bg-light-analogic-h-accent-light'></span>
<span class='color-sample bg-light-analogic-h-accent-soft'></span>
<span class='color-sample bg-light-analogic-h-dominant'></span>
<span class='color-sample bg-light-analogic-h-dominant-dark'></span>
<span class='color-sample bg-light-analogic-h-dominant-light'></span>
<span class='color-sample bg-light-analogic-h-dominant-soft'></span>
<span class='color-sample bg-light-analogic-h-sub-accent'></span>
<span class='color-sample bg-light-analogic-h-sub-accent-dark'></span>
<span class='color-sample bg-light-analogic-h-sub-accent-light'></span>
<span class='color-sample bg-light-analogic-h-sub-accent-soft'></span>
<span class='color-sample bg-light-analogic-h-sub-dominant'></span>
<span class='color-sample bg-light-analogic-h-sub-dominant-dark'></span>
<span class='color-sample bg-light-analogic-h-sub-dominant-light'></span>
<span class='color-sample bg-light-analogic-h-sub-dominant-soft'></span>
</span>
1.261 Scheme "light-analogic-i".
Scheme "light" and scheme "analogic" "i"
Light analogic i background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-analogic-i-accent'></span>
<span class='color-sample bg-light-analogic-i-accent-dark'></span>
<span class='color-sample bg-light-analogic-i-accent-light'></span>
<span class='color-sample bg-light-analogic-i-accent-soft'></span>
<span class='color-sample bg-light-analogic-i-dominant'></span>
<span class='color-sample bg-light-analogic-i-dominant-dark'></span>
<span class='color-sample bg-light-analogic-i-dominant-light'></span>
<span class='color-sample bg-light-analogic-i-dominant-soft'></span>
<span class='color-sample bg-light-analogic-i-sub-accent'></span>
<span class='color-sample bg-light-analogic-i-sub-accent-dark'></span>
<span class='color-sample bg-light-analogic-i-sub-accent-light'></span>
<span class='color-sample bg-light-analogic-i-sub-accent-soft'></span>
<span class='color-sample bg-light-analogic-i-sub-dominant'></span>
<span class='color-sample bg-light-analogic-i-sub-dominant-dark'></span>
<span class='color-sample bg-light-analogic-i-sub-dominant-light'></span>
<span class='color-sample bg-light-analogic-i-sub-dominant-soft'></span>
</span>
1.262 Scheme "light-analogic-j".
Scheme "light" and scheme "analogic" "j"
Light analogic j background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-analogic-j-accent'></span>
<span class='color-sample bg-light-analogic-j-accent-dark'></span>
<span class='color-sample bg-light-analogic-j-accent-light'></span>
<span class='color-sample bg-light-analogic-j-accent-soft'></span>
<span class='color-sample bg-light-analogic-j-dominant'></span>
<span class='color-sample bg-light-analogic-j-dominant-dark'></span>
<span class='color-sample bg-light-analogic-j-dominant-light'></span>
<span class='color-sample bg-light-analogic-j-dominant-soft'></span>
<span class='color-sample bg-light-analogic-j-sub-accent'></span>
<span class='color-sample bg-light-analogic-j-sub-accent-dark'></span>
<span class='color-sample bg-light-analogic-j-sub-accent-light'></span>
<span class='color-sample bg-light-analogic-j-sub-accent-soft'></span>
<span class='color-sample bg-light-analogic-j-sub-dominant'></span>
<span class='color-sample bg-light-analogic-j-sub-dominant-dark'></span>
<span class='color-sample bg-light-analogic-j-sub-dominant-light'></span>
<span class='color-sample bg-light-analogic-j-sub-dominant-soft'></span>
</span>
1.263 Scheme "light-analogic-k".
Scheme "light" and scheme "analogic" "k"
Light analogic k background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-analogic-k-accent'></span>
<span class='color-sample bg-light-analogic-k-accent-dark'></span>
<span class='color-sample bg-light-analogic-k-accent-light'></span>
<span class='color-sample bg-light-analogic-k-accent-soft'></span>
<span class='color-sample bg-light-analogic-k-dominant'></span>
<span class='color-sample bg-light-analogic-k-dominant-dark'></span>
<span class='color-sample bg-light-analogic-k-dominant-light'></span>
<span class='color-sample bg-light-analogic-k-dominant-soft'></span>
<span class='color-sample bg-light-analogic-k-sub-accent'></span>
<span class='color-sample bg-light-analogic-k-sub-accent-dark'></span>
<span class='color-sample bg-light-analogic-k-sub-accent-light'></span>
<span class='color-sample bg-light-analogic-k-sub-accent-soft'></span>
<span class='color-sample bg-light-analogic-k-sub-dominant'></span>
<span class='color-sample bg-light-analogic-k-sub-dominant-dark'></span>
<span class='color-sample bg-light-analogic-k-sub-dominant-light'></span>
<span class='color-sample bg-light-analogic-k-sub-dominant-soft'></span>
</span>
1.264 Scheme "light-analogic-l".
Scheme "light" and scheme "analogic" "l"
Light analogic l background color.
<span class="{$modifiers}">
<span class='color-sample bg-light-analogic-l-accent'></span>
<span class='color-sample bg-light-analogic-l-accent-dark'></span>
<span class='color-sample bg-light-analogic-l-accent-light'></span>
<span class='color-sample bg-light-analogic-l-accent-soft'></span>
<span class='color-sample bg-light-analogic-l-dominant'></span>
<span class='color-sample bg-light-analogic-l-dominant-dark'></span>
<span class='color-sample bg-light-analogic-l-dominant-light'></span>
<span class='color-sample bg-light-analogic-l-dominant-soft'></span>
<span class='color-sample bg-light-analogic-l-sub-accent'></span>
<span class='color-sample bg-light-analogic-l-sub-accent-dark'></span>
<span class='color-sample bg-light-analogic-l-sub-accent-light'></span>
<span class='color-sample bg-light-analogic-l-sub-accent-soft'></span>
<span class='color-sample bg-light-analogic-l-sub-dominant'></span>
<span class='color-sample bg-light-analogic-l-sub-dominant-dark'></span>
<span class='color-sample bg-light-analogic-l-sub-dominant-light'></span>
<span class='color-sample bg-light-analogic-l-sub-dominant-soft'></span>
</span>
1.265 Scheme "hard-analogic-a".
Scheme "hard" and scheme "analogic" "a"
Hard analogic a background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-analogic-a-accent'></span>
<span class='color-sample bg-hard-analogic-a-accent-dark'></span>
<span class='color-sample bg-hard-analogic-a-accent-light'></span>
<span class='color-sample bg-hard-analogic-a-accent-soft'></span>
<span class='color-sample bg-hard-analogic-a-dominant'></span>
<span class='color-sample bg-hard-analogic-a-dominant-dark'></span>
<span class='color-sample bg-hard-analogic-a-dominant-light'></span>
<span class='color-sample bg-hard-analogic-a-dominant-soft'></span>
<span class='color-sample bg-hard-analogic-a-sub-accent'></span>
<span class='color-sample bg-hard-analogic-a-sub-accent-dark'></span>
<span class='color-sample bg-hard-analogic-a-sub-accent-light'></span>
<span class='color-sample bg-hard-analogic-a-sub-accent-soft'></span>
<span class='color-sample bg-hard-analogic-a-sub-dominant'></span>
<span class='color-sample bg-hard-analogic-a-sub-dominant-dark'></span>
<span class='color-sample bg-hard-analogic-a-sub-dominant-light'></span>
<span class='color-sample bg-hard-analogic-a-sub-dominant-soft'></span>
</span>
1.266 Scheme "hard-analogic-b".
Scheme "hard" and scheme "analogic" "b"
Hard analogic b background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-analogic-b-accent'></span>
<span class='color-sample bg-hard-analogic-b-accent-dark'></span>
<span class='color-sample bg-hard-analogic-b-accent-light'></span>
<span class='color-sample bg-hard-analogic-b-accent-soft'></span>
<span class='color-sample bg-hard-analogic-b-dominant'></span>
<span class='color-sample bg-hard-analogic-b-dominant-dark'></span>
<span class='color-sample bg-hard-analogic-b-dominant-light'></span>
<span class='color-sample bg-hard-analogic-b-dominant-soft'></span>
<span class='color-sample bg-hard-analogic-b-sub-accent'></span>
<span class='color-sample bg-hard-analogic-b-sub-accent-dark'></span>
<span class='color-sample bg-hard-analogic-b-sub-accent-light'></span>
<span class='color-sample bg-hard-analogic-b-sub-accent-soft'></span>
<span class='color-sample bg-hard-analogic-b-sub-dominant'></span>
<span class='color-sample bg-hard-analogic-b-sub-dominant-dark'></span>
<span class='color-sample bg-hard-analogic-b-sub-dominant-light'></span>
<span class='color-sample bg-hard-analogic-b-sub-dominant-soft'></span>
</span>
1.267 Scheme "hard-analogic-c".
Scheme "hard" and scheme "analogic" "c"
Hard analogic c background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-analogic-c-accent'></span>
<span class='color-sample bg-hard-analogic-c-accent-dark'></span>
<span class='color-sample bg-hard-analogic-c-accent-light'></span>
<span class='color-sample bg-hard-analogic-c-accent-soft'></span>
<span class='color-sample bg-hard-analogic-c-dominant'></span>
<span class='color-sample bg-hard-analogic-c-dominant-dark'></span>
<span class='color-sample bg-hard-analogic-c-dominant-light'></span>
<span class='color-sample bg-hard-analogic-c-dominant-soft'></span>
<span class='color-sample bg-hard-analogic-c-sub-accent'></span>
<span class='color-sample bg-hard-analogic-c-sub-accent-dark'></span>
<span class='color-sample bg-hard-analogic-c-sub-accent-light'></span>
<span class='color-sample bg-hard-analogic-c-sub-accent-soft'></span>
<span class='color-sample bg-hard-analogic-c-sub-dominant'></span>
<span class='color-sample bg-hard-analogic-c-sub-dominant-dark'></span>
<span class='color-sample bg-hard-analogic-c-sub-dominant-light'></span>
<span class='color-sample bg-hard-analogic-c-sub-dominant-soft'></span>
</span>
1.268 Scheme "hard-analogic-d".
Scheme "hard" and scheme "analogic" "d"
Hard analogic d background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-analogic-d-accent'></span>
<span class='color-sample bg-hard-analogic-d-accent-dark'></span>
<span class='color-sample bg-hard-analogic-d-accent-light'></span>
<span class='color-sample bg-hard-analogic-d-accent-soft'></span>
<span class='color-sample bg-hard-analogic-d-dominant'></span>
<span class='color-sample bg-hard-analogic-d-dominant-dark'></span>
<span class='color-sample bg-hard-analogic-d-dominant-light'></span>
<span class='color-sample bg-hard-analogic-d-dominant-soft'></span>
<span class='color-sample bg-hard-analogic-d-sub-accent'></span>
<span class='color-sample bg-hard-analogic-d-sub-accent-dark'></span>
<span class='color-sample bg-hard-analogic-d-sub-accent-light'></span>
<span class='color-sample bg-hard-analogic-d-sub-accent-soft'></span>
<span class='color-sample bg-hard-analogic-d-sub-dominant'></span>
<span class='color-sample bg-hard-analogic-d-sub-dominant-dark'></span>
<span class='color-sample bg-hard-analogic-d-sub-dominant-light'></span>
<span class='color-sample bg-hard-analogic-d-sub-dominant-soft'></span>
</span>
1.269 Scheme "hard-analogic-e".
Scheme "hard" and scheme "analogic" "e"
Hard analogic e background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-analogic-e-accent'></span>
<span class='color-sample bg-hard-analogic-e-accent-dark'></span>
<span class='color-sample bg-hard-analogic-e-accent-light'></span>
<span class='color-sample bg-hard-analogic-e-accent-soft'></span>
<span class='color-sample bg-hard-analogic-e-dominant'></span>
<span class='color-sample bg-hard-analogic-e-dominant-dark'></span>
<span class='color-sample bg-hard-analogic-e-dominant-light'></span>
<span class='color-sample bg-hard-analogic-e-dominant-soft'></span>
<span class='color-sample bg-hard-analogic-e-sub-accent'></span>
<span class='color-sample bg-hard-analogic-e-sub-accent-dark'></span>
<span class='color-sample bg-hard-analogic-e-sub-accent-light'></span>
<span class='color-sample bg-hard-analogic-e-sub-accent-soft'></span>
<span class='color-sample bg-hard-analogic-e-sub-dominant'></span>
<span class='color-sample bg-hard-analogic-e-sub-dominant-dark'></span>
<span class='color-sample bg-hard-analogic-e-sub-dominant-light'></span>
<span class='color-sample bg-hard-analogic-e-sub-dominant-soft'></span>
</span>
1.270 Scheme "hard-analogic-f".
Scheme "hard" and scheme "analogic" "f"
Hard analogic f background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-analogic-f-accent'></span>
<span class='color-sample bg-hard-analogic-f-accent-dark'></span>
<span class='color-sample bg-hard-analogic-f-accent-light'></span>
<span class='color-sample bg-hard-analogic-f-accent-soft'></span>
<span class='color-sample bg-hard-analogic-f-dominant'></span>
<span class='color-sample bg-hard-analogic-f-dominant-dark'></span>
<span class='color-sample bg-hard-analogic-f-dominant-light'></span>
<span class='color-sample bg-hard-analogic-f-dominant-soft'></span>
<span class='color-sample bg-hard-analogic-f-sub-accent'></span>
<span class='color-sample bg-hard-analogic-f-sub-accent-dark'></span>
<span class='color-sample bg-hard-analogic-f-sub-accent-light'></span>
<span class='color-sample bg-hard-analogic-f-sub-accent-soft'></span>
<span class='color-sample bg-hard-analogic-f-sub-dominant'></span>
<span class='color-sample bg-hard-analogic-f-sub-dominant-dark'></span>
<span class='color-sample bg-hard-analogic-f-sub-dominant-light'></span>
<span class='color-sample bg-hard-analogic-f-sub-dominant-soft'></span>
</span>
1.271 Scheme "hard-analogic-g".
Scheme "hard" and scheme "analogic" "g"
Hard analogic g background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-analogic-g-accent'></span>
<span class='color-sample bg-hard-analogic-g-accent-dark'></span>
<span class='color-sample bg-hard-analogic-g-accent-light'></span>
<span class='color-sample bg-hard-analogic-g-accent-soft'></span>
<span class='color-sample bg-hard-analogic-g-dominant'></span>
<span class='color-sample bg-hard-analogic-g-dominant-dark'></span>
<span class='color-sample bg-hard-analogic-g-dominant-light'></span>
<span class='color-sample bg-hard-analogic-g-dominant-soft'></span>
<span class='color-sample bg-hard-analogic-g-sub-accent'></span>
<span class='color-sample bg-hard-analogic-g-sub-accent-dark'></span>
<span class='color-sample bg-hard-analogic-g-sub-accent-light'></span>
<span class='color-sample bg-hard-analogic-g-sub-accent-soft'></span>
<span class='color-sample bg-hard-analogic-g-sub-dominant'></span>
<span class='color-sample bg-hard-analogic-g-sub-dominant-dark'></span>
<span class='color-sample bg-hard-analogic-g-sub-dominant-light'></span>
<span class='color-sample bg-hard-analogic-g-sub-dominant-soft'></span>
</span>
1.272 Scheme "hard-analogic-h".
Scheme "hard" and scheme "analogic" "h"
Hard analogic h background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-analogic-h-accent'></span>
<span class='color-sample bg-hard-analogic-h-accent-dark'></span>
<span class='color-sample bg-hard-analogic-h-accent-light'></span>
<span class='color-sample bg-hard-analogic-h-accent-soft'></span>
<span class='color-sample bg-hard-analogic-h-dominant'></span>
<span class='color-sample bg-hard-analogic-h-dominant-dark'></span>
<span class='color-sample bg-hard-analogic-h-dominant-light'></span>
<span class='color-sample bg-hard-analogic-h-dominant-soft'></span>
<span class='color-sample bg-hard-analogic-h-sub-accent'></span>
<span class='color-sample bg-hard-analogic-h-sub-accent-dark'></span>
<span class='color-sample bg-hard-analogic-h-sub-accent-light'></span>
<span class='color-sample bg-hard-analogic-h-sub-accent-soft'></span>
<span class='color-sample bg-hard-analogic-h-sub-dominant'></span>
<span class='color-sample bg-hard-analogic-h-sub-dominant-dark'></span>
<span class='color-sample bg-hard-analogic-h-sub-dominant-light'></span>
<span class='color-sample bg-hard-analogic-h-sub-dominant-soft'></span>
</span>
1.273 Scheme "hard-analogic-i".
Scheme "hard" and scheme "analogic" "i"
Hard analogic i background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-analogic-i-accent'></span>
<span class='color-sample bg-hard-analogic-i-accent-dark'></span>
<span class='color-sample bg-hard-analogic-i-accent-light'></span>
<span class='color-sample bg-hard-analogic-i-accent-soft'></span>
<span class='color-sample bg-hard-analogic-i-dominant'></span>
<span class='color-sample bg-hard-analogic-i-dominant-dark'></span>
<span class='color-sample bg-hard-analogic-i-dominant-light'></span>
<span class='color-sample bg-hard-analogic-i-dominant-soft'></span>
<span class='color-sample bg-hard-analogic-i-sub-accent'></span>
<span class='color-sample bg-hard-analogic-i-sub-accent-dark'></span>
<span class='color-sample bg-hard-analogic-i-sub-accent-light'></span>
<span class='color-sample bg-hard-analogic-i-sub-accent-soft'></span>
<span class='color-sample bg-hard-analogic-i-sub-dominant'></span>
<span class='color-sample bg-hard-analogic-i-sub-dominant-dark'></span>
<span class='color-sample bg-hard-analogic-i-sub-dominant-light'></span>
<span class='color-sample bg-hard-analogic-i-sub-dominant-soft'></span>
</span>
1.274 Scheme "hard-analogic-j".
Scheme "hard" and scheme "analogic" "j"
Hard analogic j background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-analogic-j-accent'></span>
<span class='color-sample bg-hard-analogic-j-accent-dark'></span>
<span class='color-sample bg-hard-analogic-j-accent-light'></span>
<span class='color-sample bg-hard-analogic-j-accent-soft'></span>
<span class='color-sample bg-hard-analogic-j-dominant'></span>
<span class='color-sample bg-hard-analogic-j-dominant-dark'></span>
<span class='color-sample bg-hard-analogic-j-dominant-light'></span>
<span class='color-sample bg-hard-analogic-j-dominant-soft'></span>
<span class='color-sample bg-hard-analogic-j-sub-accent'></span>
<span class='color-sample bg-hard-analogic-j-sub-accent-dark'></span>
<span class='color-sample bg-hard-analogic-j-sub-accent-light'></span>
<span class='color-sample bg-hard-analogic-j-sub-accent-soft'></span>
<span class='color-sample bg-hard-analogic-j-sub-dominant'></span>
<span class='color-sample bg-hard-analogic-j-sub-dominant-dark'></span>
<span class='color-sample bg-hard-analogic-j-sub-dominant-light'></span>
<span class='color-sample bg-hard-analogic-j-sub-dominant-soft'></span>
</span>
1.275 Scheme "hard-analogic-k".
Scheme "hard" and scheme "analogic" "k"
Hard analogic k background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-analogic-k-accent'></span>
<span class='color-sample bg-hard-analogic-k-accent-dark'></span>
<span class='color-sample bg-hard-analogic-k-accent-light'></span>
<span class='color-sample bg-hard-analogic-k-accent-soft'></span>
<span class='color-sample bg-hard-analogic-k-dominant'></span>
<span class='color-sample bg-hard-analogic-k-dominant-dark'></span>
<span class='color-sample bg-hard-analogic-k-dominant-light'></span>
<span class='color-sample bg-hard-analogic-k-dominant-soft'></span>
<span class='color-sample bg-hard-analogic-k-sub-accent'></span>
<span class='color-sample bg-hard-analogic-k-sub-accent-dark'></span>
<span class='color-sample bg-hard-analogic-k-sub-accent-light'></span>
<span class='color-sample bg-hard-analogic-k-sub-accent-soft'></span>
<span class='color-sample bg-hard-analogic-k-sub-dominant'></span>
<span class='color-sample bg-hard-analogic-k-sub-dominant-dark'></span>
<span class='color-sample bg-hard-analogic-k-sub-dominant-light'></span>
<span class='color-sample bg-hard-analogic-k-sub-dominant-soft'></span>
</span>
1.276 Scheme "hard-analogic-l".
Scheme "hard" and scheme "analogic" "l"
Hard analogic l background color.
<span class="{$modifiers}">
<span class='color-sample bg-hard-analogic-l-accent'></span>
<span class='color-sample bg-hard-analogic-l-accent-dark'></span>
<span class='color-sample bg-hard-analogic-l-accent-light'></span>
<span class='color-sample bg-hard-analogic-l-accent-soft'></span>
<span class='color-sample bg-hard-analogic-l-dominant'></span>
<span class='color-sample bg-hard-analogic-l-dominant-dark'></span>
<span class='color-sample bg-hard-analogic-l-dominant-light'></span>
<span class='color-sample bg-hard-analogic-l-dominant-soft'></span>
<span class='color-sample bg-hard-analogic-l-sub-accent'></span>
<span class='color-sample bg-hard-analogic-l-sub-accent-dark'></span>
<span class='color-sample bg-hard-analogic-l-sub-accent-light'></span>
<span class='color-sample bg-hard-analogic-l-sub-accent-soft'></span>
<span class='color-sample bg-hard-analogic-l-sub-dominant'></span>
<span class='color-sample bg-hard-analogic-l-sub-dominant-dark'></span>
<span class='color-sample bg-hard-analogic-l-sub-dominant-light'></span>
<span class='color-sample bg-hard-analogic-l-sub-dominant-soft'></span>
</span>
1.277 Scheme "pale-analogic-a".
Scheme "pale" and scheme "analogic" "a"
Pale analogic a background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-analogic-a-accent'></span>
<span class='color-sample bg-pale-analogic-a-accent-dark'></span>
<span class='color-sample bg-pale-analogic-a-accent-light'></span>
<span class='color-sample bg-pale-analogic-a-accent-soft'></span>
<span class='color-sample bg-pale-analogic-a-dominant'></span>
<span class='color-sample bg-pale-analogic-a-dominant-dark'></span>
<span class='color-sample bg-pale-analogic-a-dominant-light'></span>
<span class='color-sample bg-pale-analogic-a-dominant-soft'></span>
<span class='color-sample bg-pale-analogic-a-sub-accent'></span>
<span class='color-sample bg-pale-analogic-a-sub-accent-dark'></span>
<span class='color-sample bg-pale-analogic-a-sub-accent-light'></span>
<span class='color-sample bg-pale-analogic-a-sub-accent-soft'></span>
<span class='color-sample bg-pale-analogic-a-sub-dominant'></span>
<span class='color-sample bg-pale-analogic-a-sub-dominant-dark'></span>
<span class='color-sample bg-pale-analogic-a-sub-dominant-light'></span>
<span class='color-sample bg-pale-analogic-a-sub-dominant-soft'></span>
</span>
1.278 Scheme "pale-analogic-b".
Scheme "pale" and scheme "analogic" "b"
Pale analogic b background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-analogic-b-accent'></span>
<span class='color-sample bg-pale-analogic-b-accent-dark'></span>
<span class='color-sample bg-pale-analogic-b-accent-light'></span>
<span class='color-sample bg-pale-analogic-b-accent-soft'></span>
<span class='color-sample bg-pale-analogic-b-dominant'></span>
<span class='color-sample bg-pale-analogic-b-dominant-dark'></span>
<span class='color-sample bg-pale-analogic-b-dominant-light'></span>
<span class='color-sample bg-pale-analogic-b-dominant-soft'></span>
<span class='color-sample bg-pale-analogic-b-sub-accent'></span>
<span class='color-sample bg-pale-analogic-b-sub-accent-dark'></span>
<span class='color-sample bg-pale-analogic-b-sub-accent-light'></span>
<span class='color-sample bg-pale-analogic-b-sub-accent-soft'></span>
<span class='color-sample bg-pale-analogic-b-sub-dominant'></span>
<span class='color-sample bg-pale-analogic-b-sub-dominant-dark'></span>
<span class='color-sample bg-pale-analogic-b-sub-dominant-light'></span>
<span class='color-sample bg-pale-analogic-b-sub-dominant-soft'></span>
</span>
1.279 Scheme "pale-analogic-c".
Scheme "pale" and scheme "analogic" "c"
Pale analogic c background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-analogic-c-accent'></span>
<span class='color-sample bg-pale-analogic-c-accent-dark'></span>
<span class='color-sample bg-pale-analogic-c-accent-light'></span>
<span class='color-sample bg-pale-analogic-c-accent-soft'></span>
<span class='color-sample bg-pale-analogic-c-dominant'></span>
<span class='color-sample bg-pale-analogic-c-dominant-dark'></span>
<span class='color-sample bg-pale-analogic-c-dominant-light'></span>
<span class='color-sample bg-pale-analogic-c-dominant-soft'></span>
<span class='color-sample bg-pale-analogic-c-sub-accent'></span>
<span class='color-sample bg-pale-analogic-c-sub-accent-dark'></span>
<span class='color-sample bg-pale-analogic-c-sub-accent-light'></span>
<span class='color-sample bg-pale-analogic-c-sub-accent-soft'></span>
<span class='color-sample bg-pale-analogic-c-sub-dominant'></span>
<span class='color-sample bg-pale-analogic-c-sub-dominant-dark'></span>
<span class='color-sample bg-pale-analogic-c-sub-dominant-light'></span>
<span class='color-sample bg-pale-analogic-c-sub-dominant-soft'></span>
</span>
1.280 Scheme "pale-analogic-d".
Scheme "pale" and scheme "analogic" "d"
Pale analogic d background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-analogic-d-accent'></span>
<span class='color-sample bg-pale-analogic-d-accent-dark'></span>
<span class='color-sample bg-pale-analogic-d-accent-light'></span>
<span class='color-sample bg-pale-analogic-d-accent-soft'></span>
<span class='color-sample bg-pale-analogic-d-dominant'></span>
<span class='color-sample bg-pale-analogic-d-dominant-dark'></span>
<span class='color-sample bg-pale-analogic-d-dominant-light'></span>
<span class='color-sample bg-pale-analogic-d-dominant-soft'></span>
<span class='color-sample bg-pale-analogic-d-sub-accent'></span>
<span class='color-sample bg-pale-analogic-d-sub-accent-dark'></span>
<span class='color-sample bg-pale-analogic-d-sub-accent-light'></span>
<span class='color-sample bg-pale-analogic-d-sub-accent-soft'></span>
<span class='color-sample bg-pale-analogic-d-sub-dominant'></span>
<span class='color-sample bg-pale-analogic-d-sub-dominant-dark'></span>
<span class='color-sample bg-pale-analogic-d-sub-dominant-light'></span>
<span class='color-sample bg-pale-analogic-d-sub-dominant-soft'></span>
</span>
1.281 Scheme "pale-analogic-e".
Scheme "pale" and scheme "analogic" "e"
Pale analogic e background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-analogic-e-accent'></span>
<span class='color-sample bg-pale-analogic-e-accent-dark'></span>
<span class='color-sample bg-pale-analogic-e-accent-light'></span>
<span class='color-sample bg-pale-analogic-e-accent-soft'></span>
<span class='color-sample bg-pale-analogic-e-dominant'></span>
<span class='color-sample bg-pale-analogic-e-dominant-dark'></span>
<span class='color-sample bg-pale-analogic-e-dominant-light'></span>
<span class='color-sample bg-pale-analogic-e-dominant-soft'></span>
<span class='color-sample bg-pale-analogic-e-sub-accent'></span>
<span class='color-sample bg-pale-analogic-e-sub-accent-dark'></span>
<span class='color-sample bg-pale-analogic-e-sub-accent-light'></span>
<span class='color-sample bg-pale-analogic-e-sub-accent-soft'></span>
<span class='color-sample bg-pale-analogic-e-sub-dominant'></span>
<span class='color-sample bg-pale-analogic-e-sub-dominant-dark'></span>
<span class='color-sample bg-pale-analogic-e-sub-dominant-light'></span>
<span class='color-sample bg-pale-analogic-e-sub-dominant-soft'></span>
</span>
1.282 Scheme "pale-analogic-f".
Scheme "pale" and scheme "analogic" "f"
Pale analogic f background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-analogic-f-accent'></span>
<span class='color-sample bg-pale-analogic-f-accent-dark'></span>
<span class='color-sample bg-pale-analogic-f-accent-light'></span>
<span class='color-sample bg-pale-analogic-f-accent-soft'></span>
<span class='color-sample bg-pale-analogic-f-dominant'></span>
<span class='color-sample bg-pale-analogic-f-dominant-dark'></span>
<span class='color-sample bg-pale-analogic-f-dominant-light'></span>
<span class='color-sample bg-pale-analogic-f-dominant-soft'></span>
<span class='color-sample bg-pale-analogic-f-sub-accent'></span>
<span class='color-sample bg-pale-analogic-f-sub-accent-dark'></span>
<span class='color-sample bg-pale-analogic-f-sub-accent-light'></span>
<span class='color-sample bg-pale-analogic-f-sub-accent-soft'></span>
<span class='color-sample bg-pale-analogic-f-sub-dominant'></span>
<span class='color-sample bg-pale-analogic-f-sub-dominant-dark'></span>
<span class='color-sample bg-pale-analogic-f-sub-dominant-light'></span>
<span class='color-sample bg-pale-analogic-f-sub-dominant-soft'></span>
</span>
1.283 Scheme "pale-analogic-g".
Scheme "pale" and scheme "analogic" "g"
Pale analogic g background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-analogic-g-accent'></span>
<span class='color-sample bg-pale-analogic-g-accent-dark'></span>
<span class='color-sample bg-pale-analogic-g-accent-light'></span>
<span class='color-sample bg-pale-analogic-g-accent-soft'></span>
<span class='color-sample bg-pale-analogic-g-dominant'></span>
<span class='color-sample bg-pale-analogic-g-dominant-dark'></span>
<span class='color-sample bg-pale-analogic-g-dominant-light'></span>
<span class='color-sample bg-pale-analogic-g-dominant-soft'></span>
<span class='color-sample bg-pale-analogic-g-sub-accent'></span>
<span class='color-sample bg-pale-analogic-g-sub-accent-dark'></span>
<span class='color-sample bg-pale-analogic-g-sub-accent-light'></span>
<span class='color-sample bg-pale-analogic-g-sub-accent-soft'></span>
<span class='color-sample bg-pale-analogic-g-sub-dominant'></span>
<span class='color-sample bg-pale-analogic-g-sub-dominant-dark'></span>
<span class='color-sample bg-pale-analogic-g-sub-dominant-light'></span>
<span class='color-sample bg-pale-analogic-g-sub-dominant-soft'></span>
</span>
1.284 Scheme "pale-analogic-h".
Scheme "pale" and scheme "analogic" "h"
Pale analogic h background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-analogic-h-accent'></span>
<span class='color-sample bg-pale-analogic-h-accent-dark'></span>
<span class='color-sample bg-pale-analogic-h-accent-light'></span>
<span class='color-sample bg-pale-analogic-h-accent-soft'></span>
<span class='color-sample bg-pale-analogic-h-dominant'></span>
<span class='color-sample bg-pale-analogic-h-dominant-dark'></span>
<span class='color-sample bg-pale-analogic-h-dominant-light'></span>
<span class='color-sample bg-pale-analogic-h-dominant-soft'></span>
<span class='color-sample bg-pale-analogic-h-sub-accent'></span>
<span class='color-sample bg-pale-analogic-h-sub-accent-dark'></span>
<span class='color-sample bg-pale-analogic-h-sub-accent-light'></span>
<span class='color-sample bg-pale-analogic-h-sub-accent-soft'></span>
<span class='color-sample bg-pale-analogic-h-sub-dominant'></span>
<span class='color-sample bg-pale-analogic-h-sub-dominant-dark'></span>
<span class='color-sample bg-pale-analogic-h-sub-dominant-light'></span>
<span class='color-sample bg-pale-analogic-h-sub-dominant-soft'></span>
</span>
1.285 Scheme "pale-analogic-i".
Scheme "pale" and scheme "analogic" "i"
Pale analogic i background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-analogic-i-accent'></span>
<span class='color-sample bg-pale-analogic-i-accent-dark'></span>
<span class='color-sample bg-pale-analogic-i-accent-light'></span>
<span class='color-sample bg-pale-analogic-i-accent-soft'></span>
<span class='color-sample bg-pale-analogic-i-dominant'></span>
<span class='color-sample bg-pale-analogic-i-dominant-dark'></span>
<span class='color-sample bg-pale-analogic-i-dominant-light'></span>
<span class='color-sample bg-pale-analogic-i-dominant-soft'></span>
<span class='color-sample bg-pale-analogic-i-sub-accent'></span>
<span class='color-sample bg-pale-analogic-i-sub-accent-dark'></span>
<span class='color-sample bg-pale-analogic-i-sub-accent-light'></span>
<span class='color-sample bg-pale-analogic-i-sub-accent-soft'></span>
<span class='color-sample bg-pale-analogic-i-sub-dominant'></span>
<span class='color-sample bg-pale-analogic-i-sub-dominant-dark'></span>
<span class='color-sample bg-pale-analogic-i-sub-dominant-light'></span>
<span class='color-sample bg-pale-analogic-i-sub-dominant-soft'></span>
</span>
1.286 Scheme "pale-analogic-j".
Scheme "pale" and scheme "analogic" "j"
Pale analogic j background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-analogic-j-accent'></span>
<span class='color-sample bg-pale-analogic-j-accent-dark'></span>
<span class='color-sample bg-pale-analogic-j-accent-light'></span>
<span class='color-sample bg-pale-analogic-j-accent-soft'></span>
<span class='color-sample bg-pale-analogic-j-dominant'></span>
<span class='color-sample bg-pale-analogic-j-dominant-dark'></span>
<span class='color-sample bg-pale-analogic-j-dominant-light'></span>
<span class='color-sample bg-pale-analogic-j-dominant-soft'></span>
<span class='color-sample bg-pale-analogic-j-sub-accent'></span>
<span class='color-sample bg-pale-analogic-j-sub-accent-dark'></span>
<span class='color-sample bg-pale-analogic-j-sub-accent-light'></span>
<span class='color-sample bg-pale-analogic-j-sub-accent-soft'></span>
<span class='color-sample bg-pale-analogic-j-sub-dominant'></span>
<span class='color-sample bg-pale-analogic-j-sub-dominant-dark'></span>
<span class='color-sample bg-pale-analogic-j-sub-dominant-light'></span>
<span class='color-sample bg-pale-analogic-j-sub-dominant-soft'></span>
</span>
1.287 Scheme "pale-analogic-k".
Scheme "pale" and scheme "analogic" "k"
Pale analogic k background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-analogic-k-accent'></span>
<span class='color-sample bg-pale-analogic-k-accent-dark'></span>
<span class='color-sample bg-pale-analogic-k-accent-light'></span>
<span class='color-sample bg-pale-analogic-k-accent-soft'></span>
<span class='color-sample bg-pale-analogic-k-dominant'></span>
<span class='color-sample bg-pale-analogic-k-dominant-dark'></span>
<span class='color-sample bg-pale-analogic-k-dominant-light'></span>
<span class='color-sample bg-pale-analogic-k-dominant-soft'></span>
<span class='color-sample bg-pale-analogic-k-sub-accent'></span>
<span class='color-sample bg-pale-analogic-k-sub-accent-dark'></span>
<span class='color-sample bg-pale-analogic-k-sub-accent-light'></span>
<span class='color-sample bg-pale-analogic-k-sub-accent-soft'></span>
<span class='color-sample bg-pale-analogic-k-sub-dominant'></span>
<span class='color-sample bg-pale-analogic-k-sub-dominant-dark'></span>
<span class='color-sample bg-pale-analogic-k-sub-dominant-light'></span>
<span class='color-sample bg-pale-analogic-k-sub-dominant-soft'></span>
</span>
1.288 Scheme "pale-analogic-l".
Scheme "pale" and scheme "analogic" "l"
Pale analogic l background color.
<span class="{$modifiers}">
<span class='color-sample bg-pale-analogic-l-accent'></span>
<span class='color-sample bg-pale-analogic-l-accent-dark'></span>
<span class='color-sample bg-pale-analogic-l-accent-light'></span>
<span class='color-sample bg-pale-analogic-l-accent-soft'></span>
<span class='color-sample bg-pale-analogic-l-dominant'></span>
<span class='color-sample bg-pale-analogic-l-dominant-dark'></span>
<span class='color-sample bg-pale-analogic-l-dominant-light'></span>
<span class='color-sample bg-pale-analogic-l-dominant-soft'></span>
<span class='color-sample bg-pale-analogic-l-sub-accent'></span>
<span class='color-sample bg-pale-analogic-l-sub-accent-dark'></span>
<span class='color-sample bg-pale-analogic-l-sub-accent-light'></span>
<span class='color-sample bg-pale-analogic-l-sub-accent-soft'></span>
<span class='color-sample bg-pale-analogic-l-sub-dominant'></span>
<span class='color-sample bg-pale-analogic-l-sub-dominant-dark'></span>
<span class='color-sample bg-pale-analogic-l-sub-dominant-light'></span>
<span class='color-sample bg-pale-analogic-l-sub-dominant-soft'></span>
</span>