Status Colors

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

    <div class="styleguide--color-swatch">
        <div class="styleguide--color-swatch-figure colors--background__active"></div>
        <div class="styleguide--color-swatch-label">
            <strong>
                Active / Warning
            </strong>
            <br />
            --c-active / --c-warning
            <br />
            rgb(218, 128, 0)
        </div>
    </div>

    <div class="styleguide--color-swatch">
        <div class="styleguide--color-swatch-figure colors--background__positive"></div>
        <div class="styleguide--color-swatch-label">
            <strong>
                Positive / Success
            </strong>
            <br />
            --c-positive / --c-success
            <br />
            rgb(0, 128, 0)
        </div>
    </div>

    <div class="styleguide--color-swatch">
        <div class="styleguide--color-swatch-figure colors--background__negative"></div>
        <div class="styleguide--color-swatch-label">
            <strong>
                Negative / Error
            </strong>
            <br />
            --c-negative / --c-error
            <br />
            rgb(0, 128, 0)
        </div>
    </div>

</div>