Primary Colours
The primary colours show the main colour for each product.
| Variant | Colour Codes | Usage |
|---|---|---|
|
RGB - 34 225 201 CMYK - 61 0 33 0 HEX - 22E1C9 |
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
<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 - 34 225 201</p>
<p>CMYK - 61 0 33 0</p>
<p>HEX - 22E1C9</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;
}