Colours

Main Colours Primary Colours

Main Colours

The main colours encompass the main Blockstream brand. These colours are used as the base colour palette of all materials that relate directly to Blockstream.

Variant Colour Codes Usage
RGB - 0 195 255
CMYK - 62 0 0 0
HEX - 00C3FF 		Blockstream Blue
RGB - 0 0 0
CMYK - 75 68 67 90
HEX - 000000 		Black
RGB - 255 255 255
CMYK - 0 0 0 0
HEX - FFFFFF 		White
RGB - 17 19 22
CMYK - 76 68 64 80
HEX - 111316 		Space Grey

Primary Colours

The primary colours show the main colour for each product.

Variant Colour Codes Usage
RGB - 44 204 191
CMYK - 65 0 34 0
HEX - 2CCCBF 		Liquid Network
RGB - 28 173 178
CMYK - 75 9 33 0
HEX - 1CADB2 		Blockstream AMP
RGB - 0 180 90
CMYK - 79 0 90 0
HEX - 00B45A 		Blockstream Green
RGB - 0 176 147
CMYK - 78 4 55 0
HEX - 00B093 		Blockstream Jade
RGB - 221 31 72
CMYK - 7 99 68 1
HEX - DD1F48 		Blockstream Mining
RGB - 53 141 229
CMYK - 72 49 0 0
HEX - 3C82F9 		Blockstream Satellite
RGB - 50 178 132
CMYK - 74 3 64 0
HEX - 32B284 		Blockstream Energy
RGB - 56 145 206
CMYK - 73 32 0 0
HEX - 3891CE 		Blockstream Finance
RGB - 0 195 255
CMYK - 63 3 0 0
HEX - 00C3FF 		Blockstream Data Feed
RGB - 240 208 3
CMYK - 8 14 100 0
HEX - F0D003 		Core Lightning
RGB - 108 138 221
CMYK - 58 43 0 0
HEX - 6C8ADD 		Simplicity

Live Demo

Live Demo Open in fullscreen 
<div class="color-row">
    <div class="color-box blkstr-blue">
        <p class="color-box_title">Blockstream Blue</p>
        <div>
            <p>RGB - 0 195 255</p>
            <p>CMYK - 62 0 0 0</p>
            <p>HEX - 00C3FF</p>
        </div>
    </div>
    <div class="color-box blkstr-black">
        <p class="color-box_title">Black</p>
        <div>
            <p>RGB - 0 0 0</p>
            <p>CMYK - 75 68 67 90</p>
            <p>HEX - 000000</p>
        </div>
    </div>
    <div class="color-box blkstr-white">
        <p class="color-box_title">White</p>
        <div>
            <p>RGB - 255 255 255</p>
            <p>CMYK - 0 0 0 0</p>
            <p>HEX - FFFFFF</p>
        </div>
    </div>
    <div class="color-box blkstr-space-grey">
        <p class="color-box_title">Space Grey</p>
        <div>
            <p>RGB - 17 19 22</p>
            <p>CMYK - 76 68 64 80</p>
            <p>HEX - 111316</p>
        </div>
    </div>
</div>
{% include components/brand-colors.html %}
<div style="height: 500px;">
    <div class="color-row">
    <div class="brand-color-box blkstr-liquid">
        <p class="brand-color-box_title">Liquid Network</p>
        <div>
            <p>RGB - 44 204 191</p>
            <p>CMYK - 65 0 34 0</p>
            <p>HEX - 2CCCBF</p>
        </div>
    </div>
    <div class="brand-color-box blkstr-c-lightning">
        <p class="brand-color-box_title">Core Lightning</p>
        <div>
            <p>RGB - 240 208 3</p>
            <p>CMYK - 8 14 100 0</p>
            <p>HEX - F0D003</p>
        </div>
    </div>
    <div class="brand-color-box blkstr-amp">
        <p class="brand-color-box_title">Blockstream AMP</p>
        <div>
            <p>RGB - 28 173 178</p>
            <p>CMYK - 75 9 33 0</p>
            <p>HEX - 1CADB2</p>
        </div>
    </div>
    <div class="brand-color-box blkstr-green">
        <p class="brand-color-box_title">Blockstream Green</p>
        <div>
            <p>RGB - 0 180 90</p>
            <p>CMYK - 79 0 90 0</p>
            <p>HEX - 00B45A</p>
        </div>
    </div>
</div>
<div class="color-row">
    <div class="brand-color-box blkstr-jade">
        <p class="brand-color-box_title">Jade</p>
        <div>
            <p>RGB - 0 176 147</p>
            <p>CMYK - 78 4 55 0</p>
            <p>HEX - 00B093</p>
        </div>
    </div>
    <div class="brand-color-box blkstr-mining">
        <p class="brand-color-box_title">Blockstream Mining</p>
        <div>
            <p>RGB - 221 31 72</p>
            <p>CMYK - 7 99 68 1</p>
            <p>HEX - DD1F48</p>
        </div>
    </div>
    <div class="brand-color-box blkstr-satellite">
        <p class="brand-color-box_title">Blockstream Satellite</p>
        <div>
            <p>RGB - 53 141 229</p>
            <p>CMYK - 72 49 0 0</p>
            <p>HEX - 358DE5</p>
        </div>
    </div>
    <div class="brand-color-box blkstr-energy">
        <p class="brand-color-box_title">Blockstream Energy</p>
        <div>
            <p>RGB - 50 178 132</p>
            <p>CMYK - 74 3 64 0</p>
            <p>HEX - 32B284</p>
        </div>
    </div>
</div>
<div class="color-row">
    <div class="brand-color-box blkstr-finance">
        <p class="brand-color-box_title">Blockstream Finance</p>
        <div>
            <p>RGB - 56 145 206</p>
            <p>CMYK - 73 32 0 0</p>
            <p>HEX - 3891CE</p>
        </div>
    </div>
    <div class="brand-color-box blkstr-data-feed">
        <p class="brand-color-box_title">Crypto Data Feed</p>
        <div>
            <p>RGB - 0 195 255</p>
            <p>CMYK - 63 3 0 0</p>
            <p>HEX - 00C3FF</p>
        </div>
    </div>
    <div class="brand-color-box blkstr-elements">
        <p class="brand-color-box_title">Elements</p>
        <div>
            <p>RGB - 108 138 221</p>
            <p>CMYK - 58 43 0 0</p>
            <p>HEX - 6C8ADD</p>
        </div>
    </div>
    <div class="brand-color-box">
        
    </div>
</div>
</div>
.blkstr-blue {
    background-color: #00C3FF;
}

.blkstr-black {
    background-color: #000;
}

.blkstr-white {
    background-color: #FFF;
    color: #000;
}

.blkstr-space-grey {
    background-color: #111316;
}