Neutral Colors

<div class="styleguide--color-swatches styleguide--background">

    <div class="styleguide--color-swatch">
        <div class="styleguide--color-swatch-figure colors--background__neutral"></div>
        <div class="styleguide--color-swatch-label">
            <strong>
                Neutral
            </strong>
            <br />
            --c-neutral
            <br />
            rgb(100, 100, 100)
        </div>
    </div>

    <div class="styleguide--color-swatch">
        <div class="styleguide--color-swatch-figure colors--background__neutral-l"></div>
        <div class="styleguide--color-swatch-label">
            <strong>
                Neutral light
            </strong>
            <br />
            --c-neutral-l
            <br />
            rgb(140, 140, 140)
        </div>
    </div>

    <div class="styleguide--color-swatch">
        <div class="styleguide--color-swatch-figure colors--background__neutral-ll"></div>
        <div class="styleguide--color-swatch-label">
            <strong>
                Neutral light 2
            </strong>
            <br />
            --c-neutral-ll
            <br />
            rgb(196, 196, 196)
        </div>
    </div>

    <div class="styleguide--color-swatch">
        <div class="styleguide--color-swatch-figure colors--background__neutral-lll"></div>
        <div class="styleguide--color-swatch-label">
            <strong>
                Neutral light 3
            </strong>
            <br />
            --c-neutral-lll
            <br />
            rgb(220, 220, 220)
        </div>
    </div>

    <div class="styleguide--color-swatch">
        <div class="styleguide--color-swatch-figure colors--background__neutral-llll"></div>
        <div class="styleguide--color-swatch-label">
            <strong>
                Neutral light 4
            </strong>
            <br />
            --c-neutral-llll
            <br />
            rgb(240, 240, 240)
        </div>
    </div>

    <div class="styleguide--color-swatch">
        <div class="styleguide--color-swatch-figure colors--background__neutral-d"></div>
        <div class="styleguide--color-swatch-label">
            <strong>
                Neutral dark
            </strong>
            <br />
            --c-neutral-d
            <br />
            rgb(80, 80, 80)
        </div>
    </div>

    <div class="styleguide--color-swatch">
        <div class="styleguide--color-swatch-figure colors--background__neutral-dd"></div>
        <div class="styleguide--color-swatch-label">
            <strong>
                Neutral dark 2
            </strong>
            <br />
            --c-neutral-dd
            <br />
            rgb(64, 64, 64)
        </div>
    </div>

    <div class="styleguide--color-swatch">
        <div class="styleguide--color-swatch-figure colors--background__border"></div>
        <div class="styleguide--color-swatch-label">
            <strong>
                Border
            </strong>
            <br />
            --c-border
            <br />
            rgb(210, 210, 210)
        </div>
    </div>

</div>