Styleguide - apc-static

1 Color themes

1.1 Scheme "default-contrast-a".

Scheme "default" and scheme "contrast" "a"

.default-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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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>