nutty-tools/now-playing/themes/color-palette/index.html

<div id="main-wrapper">
    <div id="color-palette">
        <!-- Vibrant -->
        <div id="box-vibrant" class="color-box">
            <div class="color-info">
                <span class="secondary-text">Vibrant</span>
                <span id="label-vibrant" class="primary-text"></span>
            </div>
        </div>
        
        <!-- Muted -->
        <div id="box-muted" class="color-box">
            <div class="color-info">
                <span class="secondary-text">Muted</span>
                <span id="label-muted" class="primary-text"></span>
            </div>
        </div>
        
        <!-- Dark Vibrant -->
        <div id="box-dark-vibrant" class="color-box">
            <div class="color-info">
                <span class="secondary-text">Dark Vibrant</span>
                <span id="label-dark-vibrant" class="primary-text"></span>
            </div>
        </div>
        
        <!-- Dark Muted -->
        <div id="box-dark-muted" class="color-box">
            <div class="color-info">
                <span class="secondary-text">Dark Muted</span>
                <span id="label-dark-muted" class="primary-text"></span>
            </div>
        </div>
        
        <!-- Light Vibrant -->
        <div id="box-light-vibrant" class="color-box">
            <div class="color-info">
                <span class="secondary-text">Light Vibrant</span>
                <span id="label-light-vibrant" class="primary-text"></span>
            </div>
        </div>
        
        <!-- Light Muted -->
        <div id="box-light-muted" class="color-box">
            <div class="color-info">
                <span class="secondary-text">Light Muted</span>
                <span id="label-light-muted" class="primary-text"></span>
            </div>
        </div>
    </div>
</div>