<div class="slab ">
    <div class="slab__wrapper">
        <div class="section-intro ">
            <h2 class="headline-group "><span href="undefined" -keys="class,href" class="headline-group__head">Color Contrast Testing</span></h2>
            <p class="">A combination of all colors for contrast testing.</p>
        </div>
        <div class="slab__content">
            <div class="grid sg-colors">
                <div class="sg-colors__column"><span class="sg-contrast-swatch sg-contrast-swatch--green-primary"><h4 class="sg-contrast-swatch__color-name">green-primary</h4><div class="sg-contrast-swatch__item"><div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-primary "><span class="sg-contrast-swatch__pass">Pass</span>
                    <span
                        class="sg-contrast-swatch__fail">Fail</span>
                </div>
                <div class="sg-contrast-swatch__item-swatch sg-swatch--green-primary"></div>
                <div class="sg-contrast-swatch__label">
                    <div class="sg-contrast-swatch__test-color-name">green-primary</div>
                    <div class="sg-contrast-swatch__sample-text sg-sample-text--green-primary">Sample Text</div>
                </div>
            </div>
            <div class="sg-contrast-swatch__item">
                <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-lime "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
                <div class="sg-contrast-swatch__item-swatch sg-swatch--green-lime"></div>
                <div class="sg-contrast-swatch__label">
                    <div class="sg-contrast-swatch__test-color-name">green-lime</div>
                    <div class="sg-contrast-swatch__sample-text sg-sample-text--green-lime">Sample Text</div>
                </div>
            </div>
            <div class="sg-contrast-swatch__item">
                <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
                <div class="sg-contrast-swatch__item-swatch sg-swatch--green-bright"></div>
                <div class="sg-contrast-swatch__label">
                    <div class="sg-contrast-swatch__test-color-name">green-bright</div>
                    <div class="sg-contrast-swatch__sample-text sg-sample-text--green-bright">Sample Text</div>
                </div>
            </div>
            <div class="sg-contrast-swatch__item">
                <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-washed "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
                <div class="sg-contrast-swatch__item-swatch sg-swatch--green-washed"></div>
                <div class="sg-contrast-swatch__label">
                    <div class="sg-contrast-swatch__test-color-name">green-washed</div>
                    <div class="sg-contrast-swatch__sample-text sg-sample-text--green-washed">Sample Text</div>
                </div>
            </div>
            <div class="sg-contrast-swatch__item">
                <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
                <div class="sg-contrast-swatch__item-swatch sg-swatch--green-dark"></div>
                <div class="sg-contrast-swatch__label">
                    <div class="sg-contrast-swatch__test-color-name">green-dark</div>
                    <div class="sg-contrast-swatch__sample-text sg-sample-text--green-dark">Sample Text</div>
                </div>
            </div>
            <div class="sg-contrast-swatch__item">
                <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-primary "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
                <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-primary"></div>
                <div class="sg-contrast-swatch__label">
                    <div class="sg-contrast-swatch__test-color-name">teal-primary</div>
                    <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-primary">Sample Text</div>
                </div>
            </div>
            <div class="sg-contrast-swatch__item">
                <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
                <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-bright"></div>
                <div class="sg-contrast-swatch__label">
                    <div class="sg-contrast-swatch__test-color-name">teal-bright</div>
                    <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-bright">Sample Text</div>
                </div>
            </div>
            <div class="sg-contrast-swatch__item">
                <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-brighter "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
                <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-brighter"></div>
                <div class="sg-contrast-swatch__label">
                    <div class="sg-contrast-swatch__test-color-name">teal-brighter</div>
                    <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-brighter">Sample Text</div>
                </div>
            </div>
            <div class="sg-contrast-swatch__item">
                <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-washed "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
                <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-washed"></div>
                <div class="sg-contrast-swatch__label">
                    <div class="sg-contrast-swatch__test-color-name">teal-washed</div>
                    <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-washed">Sample Text</div>
                </div>
            </div>
            <div class="sg-contrast-swatch__item">
                <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-medium "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
                <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-medium"></div>
                <div class="sg-contrast-swatch__label">
                    <div class="sg-contrast-swatch__test-color-name">teal-medium</div>
                    <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-medium">Sample Text</div>
                </div>
            </div>
            <div class="sg-contrast-swatch__item">
                <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
                <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-dark"></div>
                <div class="sg-contrast-swatch__label">
                    <div class="sg-contrast-swatch__test-color-name">teal-dark</div>
                    <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-dark">Sample Text</div>
                </div>
            </div>
            <div class="sg-contrast-swatch__item">
                <div class="sg-contrast-swatch__test sg-contrast-swatch__test-accent "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
                <div class="sg-contrast-swatch__item-swatch sg-swatch--accent"></div>
                <div class="sg-contrast-swatch__label">
                    <div class="sg-contrast-swatch__test-color-name">accent</div>
                    <div class="sg-contrast-swatch__sample-text sg-sample-text--accent">Sample Text</div>
                </div>
            </div>
            <div class="sg-contrast-swatch__item">
                <div class="sg-contrast-swatch__test sg-contrast-swatch__test-blue-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
                <div class="sg-contrast-swatch__item-swatch sg-swatch--blue-bright"></div>
                <div class="sg-contrast-swatch__label">
                    <div class="sg-contrast-swatch__test-color-name">blue-bright</div>
                    <div class="sg-contrast-swatch__sample-text sg-sample-text--blue-bright">Sample Text</div>
                </div>
            </div>
            <div class="sg-contrast-swatch__item">
                <div class="sg-contrast-swatch__test sg-contrast-swatch__test-blue-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
                <div class="sg-contrast-swatch__item-swatch sg-swatch--blue-dark"></div>
                <div class="sg-contrast-swatch__label">
                    <div class="sg-contrast-swatch__test-color-name">blue-dark</div>
                    <div class="sg-contrast-swatch__sample-text sg-sample-text--blue-dark">Sample Text</div>
                </div>
            </div>
            <div class="sg-contrast-swatch__item">
                <div class="sg-contrast-swatch__test sg-contrast-swatch__test-coral "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
                <div class="sg-contrast-swatch__item-swatch sg-swatch--coral"></div>
                <div class="sg-contrast-swatch__label">
                    <div class="sg-contrast-swatch__test-color-name">coral</div>
                    <div class="sg-contrast-swatch__sample-text sg-sample-text--coral">Sample Text</div>
                </div>
            </div>
            <div class="sg-contrast-swatch__item">
                <div class="sg-contrast-swatch__test sg-contrast-swatch__test-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
                <div class="sg-contrast-swatch__item-swatch sg-swatch--white"></div>
                <div class="sg-contrast-swatch__label">
                    <div class="sg-contrast-swatch__test-color-name">white</div>
                    <div class="sg-contrast-swatch__sample-text sg-sample-text--white">Sample Text</div>
                </div>
            </div>
            <div class="sg-contrast-swatch__item">
                <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-ultralight "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
                <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-ultralight"></div>
                <div class="sg-contrast-swatch__label">
                    <div class="sg-contrast-swatch__test-color-name">teal-ultralight</div>
                    <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-ultralight">Sample Text</div>
                </div>
            </div>
            <div class="sg-contrast-swatch__item">
                <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-light "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
                <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-light"></div>
                <div class="sg-contrast-swatch__label">
                    <div class="sg-contrast-swatch__test-color-name">teal-light</div>
                    <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-light">Sample Text</div>
                </div>
            </div>
            <div class="sg-contrast-swatch__item">
                <div class="sg-contrast-swatch__test sg-contrast-swatch__test-near-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
                <div class="sg-contrast-swatch__item-swatch sg-swatch--near-white"></div>
                <div class="sg-contrast-swatch__label">
                    <div class="sg-contrast-swatch__test-color-name">near-white</div>
                    <div class="sg-contrast-swatch__sample-text sg-sample-text--near-white">Sample Text</div>
                </div>
            </div>
            <div class="sg-contrast-swatch__item">
                <div class="sg-contrast-swatch__test sg-contrast-swatch__test-off-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
                <div class="sg-contrast-swatch__item-swatch sg-swatch--off-white"></div>
                <div class="sg-contrast-swatch__label">
                    <div class="sg-contrast-swatch__test-color-name">off-white</div>
                    <div class="sg-contrast-swatch__sample-text sg-sample-text--off-white">Sample Text</div>
                </div>
            </div>
            <div class="sg-contrast-swatch__item">
                <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-light "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
                <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-light"></div>
                <div class="sg-contrast-swatch__label">
                    <div class="sg-contrast-swatch__test-color-name">gray-light</div>
                    <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-light">Sample Text</div>
                </div>
            </div>
            <div class="sg-contrast-swatch__item">
                <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-medium "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
                <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-medium"></div>
                <div class="sg-contrast-swatch__label">
                    <div class="sg-contrast-swatch__test-color-name">gray-medium</div>
                    <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-medium">Sample Text</div>
                </div>
            </div>
            <div class="sg-contrast-swatch__item">
                <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-medium-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
                <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-medium-dark"></div>
                <div class="sg-contrast-swatch__label">
                    <div class="sg-contrast-swatch__test-color-name">gray-medium-dark</div>
                    <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-medium-dark">Sample Text</div>
                </div>
            </div>
            <div class="sg-contrast-swatch__item">
                <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-blue "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
                <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-blue"></div>
                <div class="sg-contrast-swatch__label">
                    <div class="sg-contrast-swatch__test-color-name">gray-blue</div>
                    <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-blue">Sample Text</div>
                </div>
            </div>
            <div class="sg-contrast-swatch__item">
                <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
                <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-dark"></div>
                <div class="sg-contrast-swatch__label">
                    <div class="sg-contrast-swatch__test-color-name">gray-dark</div>
                    <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-dark">Sample Text</div>
                </div>
            </div>
            <div class="sg-contrast-swatch__item">
                <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-darkest "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
                <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-darkest"></div>
                <div class="sg-contrast-swatch__label">
                    <div class="sg-contrast-swatch__test-color-name">gray-darkest</div>
                    <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-darkest">Sample Text</div>
                </div>
            </div>
            <div class="sg-contrast-swatch__item">
                <div class="sg-contrast-swatch__test sg-contrast-swatch__test-black "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
                <div class="sg-contrast-swatch__item-swatch sg-swatch--black"></div>
                <div class="sg-contrast-swatch__label">
                    <div class="sg-contrast-swatch__test-color-name">black</div>
                    <div class="sg-contrast-swatch__sample-text sg-sample-text--black">Sample Text</div>
                </div>
            </div>
            <div class="sg-contrast-swatch__item">
                <div class="sg-contrast-swatch__test sg-contrast-swatch__test-success "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
                <div class="sg-contrast-swatch__item-swatch sg-swatch--success"></div>
                <div class="sg-contrast-swatch__label">
                    <div class="sg-contrast-swatch__test-color-name">success</div>
                    <div class="sg-contrast-swatch__sample-text sg-sample-text--success">Sample Text</div>
                </div>
            </div>
            <div class="sg-contrast-swatch__item">
                <div class="sg-contrast-swatch__test sg-contrast-swatch__test-warning "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
                <div class="sg-contrast-swatch__item-swatch sg-swatch--warning"></div>
                <div class="sg-contrast-swatch__label">
                    <div class="sg-contrast-swatch__test-color-name">warning</div>
                    <div class="sg-contrast-swatch__sample-text sg-sample-text--warning">Sample Text</div>
                </div>
            </div>
            <div class="sg-contrast-swatch__item">
                <div class="sg-contrast-swatch__test sg-contrast-swatch__test-error "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
                <div class="sg-contrast-swatch__item-swatch sg-swatch--error"></div>
                <div class="sg-contrast-swatch__label">
                    <div class="sg-contrast-swatch__test-color-name">error</div>
                    <div class="sg-contrast-swatch__sample-text sg-sample-text--error">Sample Text</div>
                </div>
            </div>
            </span>
        </div>
        <div class="sg-colors__column"><span class="sg-contrast-swatch sg-contrast-swatch--green-lime"><h4 class="sg-contrast-swatch__color-name">green-lime</h4><div class="sg-contrast-swatch__item"><div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-primary "><span class="sg-contrast-swatch__pass">Pass</span>
            <span
                class="sg-contrast-swatch__fail">Fail</span>
        </div>
        <div class="sg-contrast-swatch__item-swatch sg-swatch--green-primary"></div>
        <div class="sg-contrast-swatch__label">
            <div class="sg-contrast-swatch__test-color-name">green-primary</div>
            <div class="sg-contrast-swatch__sample-text sg-sample-text--green-primary">Sample Text</div>
        </div>
    </div>
    <div class="sg-contrast-swatch__item">
        <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-lime "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
        <div class="sg-contrast-swatch__item-swatch sg-swatch--green-lime"></div>
        <div class="sg-contrast-swatch__label">
            <div class="sg-contrast-swatch__test-color-name">green-lime</div>
            <div class="sg-contrast-swatch__sample-text sg-sample-text--green-lime">Sample Text</div>
        </div>
    </div>
    <div class="sg-contrast-swatch__item">
        <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
        <div class="sg-contrast-swatch__item-swatch sg-swatch--green-bright"></div>
        <div class="sg-contrast-swatch__label">
            <div class="sg-contrast-swatch__test-color-name">green-bright</div>
            <div class="sg-contrast-swatch__sample-text sg-sample-text--green-bright">Sample Text</div>
        </div>
    </div>
    <div class="sg-contrast-swatch__item">
        <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-washed "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
        <div class="sg-contrast-swatch__item-swatch sg-swatch--green-washed"></div>
        <div class="sg-contrast-swatch__label">
            <div class="sg-contrast-swatch__test-color-name">green-washed</div>
            <div class="sg-contrast-swatch__sample-text sg-sample-text--green-washed">Sample Text</div>
        </div>
    </div>
    <div class="sg-contrast-swatch__item">
        <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
        <div class="sg-contrast-swatch__item-swatch sg-swatch--green-dark"></div>
        <div class="sg-contrast-swatch__label">
            <div class="sg-contrast-swatch__test-color-name">green-dark</div>
            <div class="sg-contrast-swatch__sample-text sg-sample-text--green-dark">Sample Text</div>
        </div>
    </div>
    <div class="sg-contrast-swatch__item">
        <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-primary "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
        <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-primary"></div>
        <div class="sg-contrast-swatch__label">
            <div class="sg-contrast-swatch__test-color-name">teal-primary</div>
            <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-primary">Sample Text</div>
        </div>
    </div>
    <div class="sg-contrast-swatch__item">
        <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
        <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-bright"></div>
        <div class="sg-contrast-swatch__label">
            <div class="sg-contrast-swatch__test-color-name">teal-bright</div>
            <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-bright">Sample Text</div>
        </div>
    </div>
    <div class="sg-contrast-swatch__item">
        <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-brighter "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
        <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-brighter"></div>
        <div class="sg-contrast-swatch__label">
            <div class="sg-contrast-swatch__test-color-name">teal-brighter</div>
            <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-brighter">Sample Text</div>
        </div>
    </div>
    <div class="sg-contrast-swatch__item">
        <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-washed "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
        <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-washed"></div>
        <div class="sg-contrast-swatch__label">
            <div class="sg-contrast-swatch__test-color-name">teal-washed</div>
            <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-washed">Sample Text</div>
        </div>
    </div>
    <div class="sg-contrast-swatch__item">
        <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-medium "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
        <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-medium"></div>
        <div class="sg-contrast-swatch__label">
            <div class="sg-contrast-swatch__test-color-name">teal-medium</div>
            <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-medium">Sample Text</div>
        </div>
    </div>
    <div class="sg-contrast-swatch__item">
        <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
        <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-dark"></div>
        <div class="sg-contrast-swatch__label">
            <div class="sg-contrast-swatch__test-color-name">teal-dark</div>
            <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-dark">Sample Text</div>
        </div>
    </div>
    <div class="sg-contrast-swatch__item">
        <div class="sg-contrast-swatch__test sg-contrast-swatch__test-accent "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
        <div class="sg-contrast-swatch__item-swatch sg-swatch--accent"></div>
        <div class="sg-contrast-swatch__label">
            <div class="sg-contrast-swatch__test-color-name">accent</div>
            <div class="sg-contrast-swatch__sample-text sg-sample-text--accent">Sample Text</div>
        </div>
    </div>
    <div class="sg-contrast-swatch__item">
        <div class="sg-contrast-swatch__test sg-contrast-swatch__test-blue-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
        <div class="sg-contrast-swatch__item-swatch sg-swatch--blue-bright"></div>
        <div class="sg-contrast-swatch__label">
            <div class="sg-contrast-swatch__test-color-name">blue-bright</div>
            <div class="sg-contrast-swatch__sample-text sg-sample-text--blue-bright">Sample Text</div>
        </div>
    </div>
    <div class="sg-contrast-swatch__item">
        <div class="sg-contrast-swatch__test sg-contrast-swatch__test-blue-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
        <div class="sg-contrast-swatch__item-swatch sg-swatch--blue-dark"></div>
        <div class="sg-contrast-swatch__label">
            <div class="sg-contrast-swatch__test-color-name">blue-dark</div>
            <div class="sg-contrast-swatch__sample-text sg-sample-text--blue-dark">Sample Text</div>
        </div>
    </div>
    <div class="sg-contrast-swatch__item">
        <div class="sg-contrast-swatch__test sg-contrast-swatch__test-coral "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
        <div class="sg-contrast-swatch__item-swatch sg-swatch--coral"></div>
        <div class="sg-contrast-swatch__label">
            <div class="sg-contrast-swatch__test-color-name">coral</div>
            <div class="sg-contrast-swatch__sample-text sg-sample-text--coral">Sample Text</div>
        </div>
    </div>
    <div class="sg-contrast-swatch__item">
        <div class="sg-contrast-swatch__test sg-contrast-swatch__test-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
        <div class="sg-contrast-swatch__item-swatch sg-swatch--white"></div>
        <div class="sg-contrast-swatch__label">
            <div class="sg-contrast-swatch__test-color-name">white</div>
            <div class="sg-contrast-swatch__sample-text sg-sample-text--white">Sample Text</div>
        </div>
    </div>
    <div class="sg-contrast-swatch__item">
        <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-ultralight "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
        <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-ultralight"></div>
        <div class="sg-contrast-swatch__label">
            <div class="sg-contrast-swatch__test-color-name">teal-ultralight</div>
            <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-ultralight">Sample Text</div>
        </div>
    </div>
    <div class="sg-contrast-swatch__item">
        <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-light "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
        <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-light"></div>
        <div class="sg-contrast-swatch__label">
            <div class="sg-contrast-swatch__test-color-name">teal-light</div>
            <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-light">Sample Text</div>
        </div>
    </div>
    <div class="sg-contrast-swatch__item">
        <div class="sg-contrast-swatch__test sg-contrast-swatch__test-near-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
        <div class="sg-contrast-swatch__item-swatch sg-swatch--near-white"></div>
        <div class="sg-contrast-swatch__label">
            <div class="sg-contrast-swatch__test-color-name">near-white</div>
            <div class="sg-contrast-swatch__sample-text sg-sample-text--near-white">Sample Text</div>
        </div>
    </div>
    <div class="sg-contrast-swatch__item">
        <div class="sg-contrast-swatch__test sg-contrast-swatch__test-off-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
        <div class="sg-contrast-swatch__item-swatch sg-swatch--off-white"></div>
        <div class="sg-contrast-swatch__label">
            <div class="sg-contrast-swatch__test-color-name">off-white</div>
            <div class="sg-contrast-swatch__sample-text sg-sample-text--off-white">Sample Text</div>
        </div>
    </div>
    <div class="sg-contrast-swatch__item">
        <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-light "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
        <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-light"></div>
        <div class="sg-contrast-swatch__label">
            <div class="sg-contrast-swatch__test-color-name">gray-light</div>
            <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-light">Sample Text</div>
        </div>
    </div>
    <div class="sg-contrast-swatch__item">
        <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-medium "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
        <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-medium"></div>
        <div class="sg-contrast-swatch__label">
            <div class="sg-contrast-swatch__test-color-name">gray-medium</div>
            <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-medium">Sample Text</div>
        </div>
    </div>
    <div class="sg-contrast-swatch__item">
        <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-medium-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
        <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-medium-dark"></div>
        <div class="sg-contrast-swatch__label">
            <div class="sg-contrast-swatch__test-color-name">gray-medium-dark</div>
            <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-medium-dark">Sample Text</div>
        </div>
    </div>
    <div class="sg-contrast-swatch__item">
        <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-blue "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
        <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-blue"></div>
        <div class="sg-contrast-swatch__label">
            <div class="sg-contrast-swatch__test-color-name">gray-blue</div>
            <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-blue">Sample Text</div>
        </div>
    </div>
    <div class="sg-contrast-swatch__item">
        <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
        <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-dark"></div>
        <div class="sg-contrast-swatch__label">
            <div class="sg-contrast-swatch__test-color-name">gray-dark</div>
            <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-dark">Sample Text</div>
        </div>
    </div>
    <div class="sg-contrast-swatch__item">
        <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-darkest "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
        <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-darkest"></div>
        <div class="sg-contrast-swatch__label">
            <div class="sg-contrast-swatch__test-color-name">gray-darkest</div>
            <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-darkest">Sample Text</div>
        </div>
    </div>
    <div class="sg-contrast-swatch__item">
        <div class="sg-contrast-swatch__test sg-contrast-swatch__test-black "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
        <div class="sg-contrast-swatch__item-swatch sg-swatch--black"></div>
        <div class="sg-contrast-swatch__label">
            <div class="sg-contrast-swatch__test-color-name">black</div>
            <div class="sg-contrast-swatch__sample-text sg-sample-text--black">Sample Text</div>
        </div>
    </div>
    <div class="sg-contrast-swatch__item">
        <div class="sg-contrast-swatch__test sg-contrast-swatch__test-success "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
        <div class="sg-contrast-swatch__item-swatch sg-swatch--success"></div>
        <div class="sg-contrast-swatch__label">
            <div class="sg-contrast-swatch__test-color-name">success</div>
            <div class="sg-contrast-swatch__sample-text sg-sample-text--success">Sample Text</div>
        </div>
    </div>
    <div class="sg-contrast-swatch__item">
        <div class="sg-contrast-swatch__test sg-contrast-swatch__test-warning "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
        <div class="sg-contrast-swatch__item-swatch sg-swatch--warning"></div>
        <div class="sg-contrast-swatch__label">
            <div class="sg-contrast-swatch__test-color-name">warning</div>
            <div class="sg-contrast-swatch__sample-text sg-sample-text--warning">Sample Text</div>
        </div>
    </div>
    <div class="sg-contrast-swatch__item">
        <div class="sg-contrast-swatch__test sg-contrast-swatch__test-error "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
        <div class="sg-contrast-swatch__item-swatch sg-swatch--error"></div>
        <div class="sg-contrast-swatch__label">
            <div class="sg-contrast-swatch__test-color-name">error</div>
            <div class="sg-contrast-swatch__sample-text sg-sample-text--error">Sample Text</div>
        </div>
    </div>
    </span>
</div>
<div class="sg-colors__column"><span class="sg-contrast-swatch sg-contrast-swatch--green-bright"><h4 class="sg-contrast-swatch__color-name">green-bright</h4><div class="sg-contrast-swatch__item"><div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-primary "><span class="sg-contrast-swatch__pass">Pass</span>
    <span
        class="sg-contrast-swatch__fail">Fail</span>
</div>
<div class="sg-contrast-swatch__item-swatch sg-swatch--green-primary"></div>
<div class="sg-contrast-swatch__label">
    <div class="sg-contrast-swatch__test-color-name">green-primary</div>
    <div class="sg-contrast-swatch__sample-text sg-sample-text--green-primary">Sample Text</div>
</div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-lime "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-lime"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-lime</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-lime">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-washed "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-washed"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-washed</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-washed">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-primary "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-primary"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-primary</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-primary">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-brighter "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-brighter"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-brighter</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-brighter">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-washed "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-washed"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-washed</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-washed">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-medium "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-medium"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-medium</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-medium">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-accent "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--accent"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">accent</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--accent">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-blue-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--blue-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">blue-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--blue-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-blue-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--blue-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">blue-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--blue-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-coral "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--coral"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">coral</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--coral">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-ultralight "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-ultralight"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-ultralight</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-ultralight">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-light "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-light"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-light</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-light">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-near-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--near-white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">near-white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--near-white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-off-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--off-white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">off-white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--off-white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-light "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-light"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-light</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-light">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-medium "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-medium"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-medium</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-medium">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-medium-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-medium-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-medium-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-medium-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-blue "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-blue"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-blue</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-blue">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-darkest "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-darkest"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-darkest</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-darkest">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-black "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--black"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">black</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--black">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-success "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--success"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">success</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--success">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-warning "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--warning"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">warning</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--warning">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-error "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--error"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">error</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--error">Sample Text</div>
    </div>
</div>
</span>
</div>
<div class="sg-colors__column"><span class="sg-contrast-swatch sg-contrast-swatch--green-washed"><h4 class="sg-contrast-swatch__color-name">green-washed</h4><div class="sg-contrast-swatch__item"><div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-primary "><span class="sg-contrast-swatch__pass">Pass</span>
    <span
        class="sg-contrast-swatch__fail">Fail</span>
</div>
<div class="sg-contrast-swatch__item-swatch sg-swatch--green-primary"></div>
<div class="sg-contrast-swatch__label">
    <div class="sg-contrast-swatch__test-color-name">green-primary</div>
    <div class="sg-contrast-swatch__sample-text sg-sample-text--green-primary">Sample Text</div>
</div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-lime "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-lime"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-lime</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-lime">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-washed "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-washed"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-washed</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-washed">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-primary "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-primary"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-primary</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-primary">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-brighter "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-brighter"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-brighter</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-brighter">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-washed "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-washed"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-washed</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-washed">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-medium "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-medium"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-medium</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-medium">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-accent "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--accent"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">accent</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--accent">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-blue-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--blue-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">blue-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--blue-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-blue-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--blue-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">blue-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--blue-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-coral "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--coral"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">coral</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--coral">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-ultralight "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-ultralight"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-ultralight</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-ultralight">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-light "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-light"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-light</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-light">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-near-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--near-white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">near-white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--near-white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-off-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--off-white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">off-white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--off-white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-light "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-light"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-light</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-light">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-medium "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-medium"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-medium</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-medium">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-medium-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-medium-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-medium-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-medium-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-blue "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-blue"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-blue</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-blue">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-darkest "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-darkest"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-darkest</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-darkest">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-black "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--black"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">black</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--black">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-success "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--success"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">success</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--success">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-warning "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--warning"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">warning</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--warning">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-error "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--error"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">error</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--error">Sample Text</div>
    </div>
</div>
</span>
</div>
<div class="sg-colors__column"><span class="sg-contrast-swatch sg-contrast-swatch--green-dark"><h4 class="sg-contrast-swatch__color-name">green-dark</h4><div class="sg-contrast-swatch__item"><div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-primary "><span class="sg-contrast-swatch__pass">Pass</span>
    <span
        class="sg-contrast-swatch__fail">Fail</span>
</div>
<div class="sg-contrast-swatch__item-swatch sg-swatch--green-primary"></div>
<div class="sg-contrast-swatch__label">
    <div class="sg-contrast-swatch__test-color-name">green-primary</div>
    <div class="sg-contrast-swatch__sample-text sg-sample-text--green-primary">Sample Text</div>
</div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-lime "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-lime"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-lime</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-lime">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-washed "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-washed"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-washed</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-washed">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-primary "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-primary"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-primary</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-primary">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-brighter "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-brighter"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-brighter</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-brighter">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-washed "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-washed"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-washed</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-washed">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-medium "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-medium"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-medium</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-medium">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-accent "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--accent"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">accent</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--accent">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-blue-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--blue-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">blue-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--blue-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-blue-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--blue-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">blue-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--blue-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-coral "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--coral"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">coral</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--coral">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-ultralight "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-ultralight"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-ultralight</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-ultralight">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-light "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-light"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-light</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-light">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-near-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--near-white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">near-white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--near-white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-off-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--off-white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">off-white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--off-white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-light "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-light"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-light</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-light">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-medium "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-medium"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-medium</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-medium">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-medium-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-medium-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-medium-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-medium-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-blue "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-blue"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-blue</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-blue">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-darkest "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-darkest"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-darkest</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-darkest">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-black "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--black"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">black</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--black">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-success "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--success"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">success</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--success">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-warning "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--warning"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">warning</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--warning">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-error "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--error"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">error</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--error">Sample Text</div>
    </div>
</div>
</span>
</div>
<div class="sg-colors__column"><span class="sg-contrast-swatch sg-contrast-swatch--teal-primary"><h4 class="sg-contrast-swatch__color-name">teal-primary</h4><div class="sg-contrast-swatch__item"><div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-primary "><span class="sg-contrast-swatch__pass">Pass</span>
    <span
        class="sg-contrast-swatch__fail">Fail</span>
</div>
<div class="sg-contrast-swatch__item-swatch sg-swatch--green-primary"></div>
<div class="sg-contrast-swatch__label">
    <div class="sg-contrast-swatch__test-color-name">green-primary</div>
    <div class="sg-contrast-swatch__sample-text sg-sample-text--green-primary">Sample Text</div>
</div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-lime "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-lime"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-lime</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-lime">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-washed "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-washed"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-washed</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-washed">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-primary "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-primary"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-primary</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-primary">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-brighter "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-brighter"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-brighter</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-brighter">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-washed "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-washed"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-washed</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-washed">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-medium "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-medium"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-medium</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-medium">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-accent "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--accent"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">accent</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--accent">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-blue-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--blue-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">blue-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--blue-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-blue-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--blue-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">blue-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--blue-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-coral "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--coral"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">coral</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--coral">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-ultralight "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-ultralight"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-ultralight</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-ultralight">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-light "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-light"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-light</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-light">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-near-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--near-white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">near-white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--near-white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-off-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--off-white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">off-white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--off-white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-light "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-light"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-light</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-light">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-medium "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-medium"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-medium</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-medium">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-medium-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-medium-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-medium-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-medium-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-blue "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-blue"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-blue</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-blue">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-darkest "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-darkest"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-darkest</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-darkest">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-black "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--black"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">black</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--black">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-success "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--success"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">success</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--success">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-warning "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--warning"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">warning</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--warning">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-error "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--error"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">error</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--error">Sample Text</div>
    </div>
</div>
</span>
</div>
<div class="sg-colors__column"><span class="sg-contrast-swatch sg-contrast-swatch--teal-bright"><h4 class="sg-contrast-swatch__color-name">teal-bright</h4><div class="sg-contrast-swatch__item"><div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-primary "><span class="sg-contrast-swatch__pass">Pass</span>
    <span
        class="sg-contrast-swatch__fail">Fail</span>
</div>
<div class="sg-contrast-swatch__item-swatch sg-swatch--green-primary"></div>
<div class="sg-contrast-swatch__label">
    <div class="sg-contrast-swatch__test-color-name">green-primary</div>
    <div class="sg-contrast-swatch__sample-text sg-sample-text--green-primary">Sample Text</div>
</div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-lime "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-lime"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-lime</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-lime">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-washed "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-washed"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-washed</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-washed">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-primary "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-primary"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-primary</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-primary">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-brighter "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-brighter"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-brighter</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-brighter">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-washed "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-washed"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-washed</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-washed">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-medium "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-medium"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-medium</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-medium">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-accent "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--accent"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">accent</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--accent">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-blue-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--blue-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">blue-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--blue-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-blue-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--blue-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">blue-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--blue-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-coral "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--coral"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">coral</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--coral">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-ultralight "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-ultralight"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-ultralight</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-ultralight">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-light "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-light"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-light</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-light">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-near-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--near-white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">near-white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--near-white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-off-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--off-white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">off-white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--off-white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-light "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-light"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-light</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-light">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-medium "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-medium"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-medium</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-medium">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-medium-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-medium-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-medium-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-medium-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-blue "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-blue"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-blue</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-blue">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-darkest "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-darkest"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-darkest</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-darkest">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-black "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--black"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">black</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--black">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-success "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--success"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">success</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--success">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-warning "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--warning"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">warning</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--warning">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-error "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--error"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">error</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--error">Sample Text</div>
    </div>
</div>
</span>
</div>
<div class="sg-colors__column"><span class="sg-contrast-swatch sg-contrast-swatch--teal-brighter"><h4 class="sg-contrast-swatch__color-name">teal-brighter</h4><div class="sg-contrast-swatch__item"><div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-primary "><span class="sg-contrast-swatch__pass">Pass</span>
    <span
        class="sg-contrast-swatch__fail">Fail</span>
</div>
<div class="sg-contrast-swatch__item-swatch sg-swatch--green-primary"></div>
<div class="sg-contrast-swatch__label">
    <div class="sg-contrast-swatch__test-color-name">green-primary</div>
    <div class="sg-contrast-swatch__sample-text sg-sample-text--green-primary">Sample Text</div>
</div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-lime "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-lime"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-lime</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-lime">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-washed "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-washed"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-washed</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-washed">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-primary "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-primary"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-primary</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-primary">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-brighter "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-brighter"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-brighter</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-brighter">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-washed "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-washed"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-washed</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-washed">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-medium "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-medium"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-medium</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-medium">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-accent "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--accent"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">accent</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--accent">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-blue-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--blue-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">blue-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--blue-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-blue-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--blue-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">blue-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--blue-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-coral "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--coral"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">coral</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--coral">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-ultralight "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-ultralight"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-ultralight</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-ultralight">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-light "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-light"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-light</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-light">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-near-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--near-white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">near-white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--near-white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-off-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--off-white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">off-white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--off-white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-light "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-light"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-light</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-light">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-medium "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-medium"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-medium</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-medium">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-medium-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-medium-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-medium-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-medium-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-blue "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-blue"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-blue</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-blue">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-darkest "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-darkest"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-darkest</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-darkest">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-black "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--black"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">black</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--black">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-success "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--success"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">success</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--success">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-warning "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--warning"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">warning</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--warning">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-error "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--error"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">error</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--error">Sample Text</div>
    </div>
</div>
</span>
</div>
<div class="sg-colors__column"><span class="sg-contrast-swatch sg-contrast-swatch--teal-washed"><h4 class="sg-contrast-swatch__color-name">teal-washed</h4><div class="sg-contrast-swatch__item"><div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-primary "><span class="sg-contrast-swatch__pass">Pass</span>
    <span
        class="sg-contrast-swatch__fail">Fail</span>
</div>
<div class="sg-contrast-swatch__item-swatch sg-swatch--green-primary"></div>
<div class="sg-contrast-swatch__label">
    <div class="sg-contrast-swatch__test-color-name">green-primary</div>
    <div class="sg-contrast-swatch__sample-text sg-sample-text--green-primary">Sample Text</div>
</div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-lime "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-lime"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-lime</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-lime">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-washed "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-washed"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-washed</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-washed">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-primary "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-primary"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-primary</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-primary">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-brighter "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-brighter"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-brighter</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-brighter">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-washed "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-washed"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-washed</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-washed">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-medium "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-medium"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-medium</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-medium">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-accent "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--accent"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">accent</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--accent">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-blue-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--blue-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">blue-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--blue-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-blue-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--blue-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">blue-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--blue-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-coral "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--coral"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">coral</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--coral">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-ultralight "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-ultralight"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-ultralight</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-ultralight">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-light "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-light"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-light</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-light">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-near-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--near-white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">near-white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--near-white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-off-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--off-white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">off-white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--off-white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-light "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-light"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-light</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-light">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-medium "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-medium"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-medium</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-medium">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-medium-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-medium-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-medium-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-medium-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-blue "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-blue"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-blue</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-blue">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-darkest "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-darkest"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-darkest</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-darkest">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-black "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--black"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">black</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--black">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-success "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--success"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">success</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--success">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-warning "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--warning"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">warning</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--warning">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-error "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--error"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">error</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--error">Sample Text</div>
    </div>
</div>
</span>
</div>
<div class="sg-colors__column"><span class="sg-contrast-swatch sg-contrast-swatch--teal-medium"><h4 class="sg-contrast-swatch__color-name">teal-medium</h4><div class="sg-contrast-swatch__item"><div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-primary "><span class="sg-contrast-swatch__pass">Pass</span>
    <span
        class="sg-contrast-swatch__fail">Fail</span>
</div>
<div class="sg-contrast-swatch__item-swatch sg-swatch--green-primary"></div>
<div class="sg-contrast-swatch__label">
    <div class="sg-contrast-swatch__test-color-name">green-primary</div>
    <div class="sg-contrast-swatch__sample-text sg-sample-text--green-primary">Sample Text</div>
</div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-lime "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-lime"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-lime</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-lime">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-washed "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-washed"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-washed</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-washed">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-primary "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-primary"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-primary</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-primary">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-brighter "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-brighter"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-brighter</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-brighter">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-washed "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-washed"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-washed</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-washed">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-medium "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-medium"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-medium</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-medium">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-accent "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--accent"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">accent</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--accent">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-blue-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--blue-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">blue-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--blue-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-blue-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--blue-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">blue-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--blue-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-coral "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--coral"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">coral</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--coral">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-ultralight "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-ultralight"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-ultralight</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-ultralight">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-light "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-light"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-light</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-light">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-near-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--near-white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">near-white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--near-white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-off-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--off-white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">off-white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--off-white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-light "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-light"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-light</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-light">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-medium "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-medium"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-medium</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-medium">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-medium-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-medium-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-medium-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-medium-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-blue "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-blue"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-blue</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-blue">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-darkest "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-darkest"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-darkest</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-darkest">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-black "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--black"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">black</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--black">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-success "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--success"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">success</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--success">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-warning "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--warning"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">warning</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--warning">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-error "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--error"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">error</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--error">Sample Text</div>
    </div>
</div>
</span>
</div>
<div class="sg-colors__column"><span class="sg-contrast-swatch sg-contrast-swatch--teal-dark"><h4 class="sg-contrast-swatch__color-name">teal-dark</h4><div class="sg-contrast-swatch__item"><div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-primary "><span class="sg-contrast-swatch__pass">Pass</span>
    <span
        class="sg-contrast-swatch__fail">Fail</span>
</div>
<div class="sg-contrast-swatch__item-swatch sg-swatch--green-primary"></div>
<div class="sg-contrast-swatch__label">
    <div class="sg-contrast-swatch__test-color-name">green-primary</div>
    <div class="sg-contrast-swatch__sample-text sg-sample-text--green-primary">Sample Text</div>
</div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-lime "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-lime"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-lime</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-lime">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-washed "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-washed"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-washed</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-washed">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-primary "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-primary"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-primary</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-primary">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-brighter "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-brighter"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-brighter</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-brighter">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-washed "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-washed"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-washed</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-washed">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-medium "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-medium"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-medium</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-medium">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-accent "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--accent"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">accent</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--accent">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-blue-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--blue-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">blue-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--blue-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-blue-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--blue-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">blue-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--blue-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-coral "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--coral"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">coral</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--coral">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-ultralight "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-ultralight"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-ultralight</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-ultralight">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-light "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-light"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-light</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-light">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-near-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--near-white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">near-white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--near-white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-off-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--off-white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">off-white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--off-white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-light "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-light"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-light</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-light">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-medium "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-medium"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-medium</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-medium">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-medium-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-medium-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-medium-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-medium-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-blue "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-blue"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-blue</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-blue">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-darkest "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-darkest"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-darkest</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-darkest">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-black "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--black"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">black</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--black">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-success "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--success"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">success</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--success">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-warning "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--warning"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">warning</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--warning">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-error "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--error"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">error</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--error">Sample Text</div>
    </div>
</div>
</span>
</div>
<div class="sg-colors__column"><span class="sg-contrast-swatch sg-contrast-swatch--accent"><h4 class="sg-contrast-swatch__color-name">accent</h4><div class="sg-contrast-swatch__item"><div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-primary "><span class="sg-contrast-swatch__pass">Pass</span>
    <span
        class="sg-contrast-swatch__fail">Fail</span>
</div>
<div class="sg-contrast-swatch__item-swatch sg-swatch--green-primary"></div>
<div class="sg-contrast-swatch__label">
    <div class="sg-contrast-swatch__test-color-name">green-primary</div>
    <div class="sg-contrast-swatch__sample-text sg-sample-text--green-primary">Sample Text</div>
</div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-lime "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-lime"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-lime</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-lime">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-washed "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-washed"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-washed</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-washed">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-primary "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-primary"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-primary</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-primary">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-brighter "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-brighter"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-brighter</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-brighter">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-washed "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-washed"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-washed</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-washed">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-medium "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-medium"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-medium</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-medium">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-accent "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--accent"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">accent</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--accent">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-blue-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--blue-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">blue-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--blue-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-blue-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--blue-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">blue-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--blue-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-coral "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--coral"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">coral</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--coral">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-ultralight "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-ultralight"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-ultralight</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-ultralight">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-light "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-light"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-light</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-light">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-near-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--near-white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">near-white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--near-white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-off-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--off-white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">off-white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--off-white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-light "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-light"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-light</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-light">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-medium "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-medium"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-medium</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-medium">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-medium-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-medium-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-medium-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-medium-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-blue "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-blue"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-blue</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-blue">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-darkest "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-darkest"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-darkest</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-darkest">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-black "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--black"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">black</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--black">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-success "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--success"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">success</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--success">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-warning "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--warning"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">warning</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--warning">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-error "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--error"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">error</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--error">Sample Text</div>
    </div>
</div>
</span>
</div>
<div class="sg-colors__column"><span class="sg-contrast-swatch sg-contrast-swatch--blue-bright"><h4 class="sg-contrast-swatch__color-name">blue-bright</h4><div class="sg-contrast-swatch__item"><div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-primary "><span class="sg-contrast-swatch__pass">Pass</span>
    <span
        class="sg-contrast-swatch__fail">Fail</span>
</div>
<div class="sg-contrast-swatch__item-swatch sg-swatch--green-primary"></div>
<div class="sg-contrast-swatch__label">
    <div class="sg-contrast-swatch__test-color-name">green-primary</div>
    <div class="sg-contrast-swatch__sample-text sg-sample-text--green-primary">Sample Text</div>
</div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-lime "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-lime"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-lime</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-lime">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-washed "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-washed"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-washed</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-washed">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-primary "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-primary"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-primary</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-primary">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-brighter "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-brighter"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-brighter</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-brighter">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-washed "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-washed"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-washed</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-washed">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-medium "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-medium"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-medium</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-medium">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-accent "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--accent"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">accent</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--accent">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-blue-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--blue-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">blue-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--blue-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-blue-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--blue-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">blue-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--blue-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-coral "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--coral"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">coral</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--coral">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-ultralight "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-ultralight"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-ultralight</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-ultralight">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-light "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-light"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-light</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-light">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-near-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--near-white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">near-white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--near-white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-off-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--off-white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">off-white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--off-white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-light "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-light"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-light</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-light">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-medium "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-medium"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-medium</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-medium">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-medium-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-medium-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-medium-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-medium-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-blue "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-blue"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-blue</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-blue">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-darkest "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-darkest"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-darkest</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-darkest">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-black "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--black"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">black</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--black">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-success "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--success"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">success</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--success">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-warning "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--warning"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">warning</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--warning">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-error "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--error"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">error</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--error">Sample Text</div>
    </div>
</div>
</span>
</div>
<div class="sg-colors__column"><span class="sg-contrast-swatch sg-contrast-swatch--blue-dark"><h4 class="sg-contrast-swatch__color-name">blue-dark</h4><div class="sg-contrast-swatch__item"><div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-primary "><span class="sg-contrast-swatch__pass">Pass</span>
    <span
        class="sg-contrast-swatch__fail">Fail</span>
</div>
<div class="sg-contrast-swatch__item-swatch sg-swatch--green-primary"></div>
<div class="sg-contrast-swatch__label">
    <div class="sg-contrast-swatch__test-color-name">green-primary</div>
    <div class="sg-contrast-swatch__sample-text sg-sample-text--green-primary">Sample Text</div>
</div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-lime "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-lime"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-lime</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-lime">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-washed "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-washed"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-washed</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-washed">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-primary "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-primary"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-primary</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-primary">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-brighter "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-brighter"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-brighter</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-brighter">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-washed "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-washed"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-washed</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-washed">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-medium "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-medium"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-medium</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-medium">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-accent "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--accent"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">accent</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--accent">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-blue-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--blue-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">blue-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--blue-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-blue-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--blue-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">blue-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--blue-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-coral "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--coral"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">coral</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--coral">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-ultralight "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-ultralight"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-ultralight</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-ultralight">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-light "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-light"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-light</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-light">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-near-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--near-white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">near-white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--near-white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-off-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--off-white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">off-white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--off-white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-light "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-light"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-light</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-light">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-medium "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-medium"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-medium</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-medium">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-medium-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-medium-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-medium-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-medium-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-blue "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-blue"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-blue</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-blue">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-darkest "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-darkest"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-darkest</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-darkest">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-black "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--black"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">black</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--black">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-success "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--success"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">success</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--success">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-warning "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--warning"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">warning</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--warning">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-error "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--error"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">error</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--error">Sample Text</div>
    </div>
</div>
</span>
</div>
<div class="sg-colors__column"><span class="sg-contrast-swatch sg-contrast-swatch--coral"><h4 class="sg-contrast-swatch__color-name">coral</h4><div class="sg-contrast-swatch__item"><div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-primary "><span class="sg-contrast-swatch__pass">Pass</span>
    <span
        class="sg-contrast-swatch__fail">Fail</span>
</div>
<div class="sg-contrast-swatch__item-swatch sg-swatch--green-primary"></div>
<div class="sg-contrast-swatch__label">
    <div class="sg-contrast-swatch__test-color-name">green-primary</div>
    <div class="sg-contrast-swatch__sample-text sg-sample-text--green-primary">Sample Text</div>
</div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-lime "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-lime"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-lime</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-lime">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-washed "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-washed"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-washed</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-washed">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-primary "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-primary"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-primary</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-primary">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-brighter "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-brighter"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-brighter</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-brighter">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-washed "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-washed"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-washed</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-washed">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-medium "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-medium"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-medium</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-medium">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-accent "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--accent"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">accent</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--accent">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-blue-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--blue-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">blue-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--blue-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-blue-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--blue-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">blue-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--blue-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-coral "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--coral"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">coral</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--coral">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-ultralight "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-ultralight"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-ultralight</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-ultralight">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-light "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-light"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-light</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-light">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-near-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--near-white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">near-white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--near-white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-off-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--off-white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">off-white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--off-white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-light "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-light"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-light</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-light">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-medium "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-medium"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-medium</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-medium">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-medium-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-medium-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-medium-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-medium-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-blue "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-blue"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-blue</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-blue">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-darkest "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-darkest"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-darkest</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-darkest">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-black "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--black"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">black</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--black">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-success "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--success"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">success</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--success">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-warning "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--warning"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">warning</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--warning">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-error "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--error"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">error</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--error">Sample Text</div>
    </div>
</div>
</span>
</div>
<div class="sg-colors__column"><span class="sg-contrast-swatch sg-contrast-swatch--white"><h4 class="sg-contrast-swatch__color-name">white</h4><div class="sg-contrast-swatch__item"><div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-primary "><span class="sg-contrast-swatch__pass">Pass</span>
    <span
        class="sg-contrast-swatch__fail">Fail</span>
</div>
<div class="sg-contrast-swatch__item-swatch sg-swatch--green-primary"></div>
<div class="sg-contrast-swatch__label">
    <div class="sg-contrast-swatch__test-color-name">green-primary</div>
    <div class="sg-contrast-swatch__sample-text sg-sample-text--green-primary">Sample Text</div>
</div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-lime "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-lime"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-lime</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-lime">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-washed "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-washed"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-washed</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-washed">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-primary "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-primary"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-primary</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-primary">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-brighter "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-brighter"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-brighter</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-brighter">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-washed "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-washed"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-washed</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-washed">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-medium "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-medium"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-medium</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-medium">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-accent "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--accent"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">accent</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--accent">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-blue-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--blue-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">blue-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--blue-bright">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-blue-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--blue-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">blue-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--blue-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-coral "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--coral"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">coral</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--coral">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-ultralight "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-ultralight"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-ultralight</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-ultralight">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-teal-light "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--teal-light"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">teal-light</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--teal-light">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-near-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--near-white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">near-white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--near-white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-off-white "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--off-white"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">off-white</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--off-white">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-light "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-light"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-light</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-light">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-medium "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-medium"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-medium</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-medium">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-medium-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-medium-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-medium-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-medium-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-blue "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-blue"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-blue</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-blue">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-dark "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-dark"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-dark</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-dark">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-gray-darkest "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--gray-darkest"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">gray-darkest</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--gray-darkest">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-black "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--black"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">black</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--black">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-success "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--success"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">success</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--success">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-warning "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--warning"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">warning</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--warning">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-error "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--error"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">error</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--error">Sample Text</div>
    </div>
</div>
</span>
</div>
<div class="sg-colors__column"><span class="sg-contrast-swatch sg-contrast-swatch--teal-ultralight"><h4 class="sg-contrast-swatch__color-name">teal-ultralight</h4><div class="sg-contrast-swatch__item"><div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-primary "><span class="sg-contrast-swatch__pass">Pass</span>
    <span
        class="sg-contrast-swatch__fail">Fail</span>
</div>
<div class="sg-contrast-swatch__item-swatch sg-swatch--green-primary"></div>
<div class="sg-contrast-swatch__label">
    <div class="sg-contrast-swatch__test-color-name">green-primary</div>
    <div class="sg-contrast-swatch__sample-text sg-sample-text--green-primary">Sample Text</div>
</div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-lime "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-lime"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-lime</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-lime">Sample Text</div>
    </div>
</div>
<div class="sg-contrast-swatch__item">
    <div class="sg-contrast-swatch__test sg-contrast-swatch__test-green-bright "><span class="sg-contrast-swatch__pass">Pass</span><span class="sg-contrast-swatch__fail">Fail</span></div>
    <div class="sg-contrast-swatch__item-swatch sg-swatch--green-bright"></div>
    <div class="sg-contrast-swatch__label">
        <div class="sg-contrast-swatch__test-color-name">green-bright</div>
        <div class="sg-contrast-swatch__sample-text sg-sample-text--green-bright">Sample Text</div>
    </div>
</div>
&l