Colors
Color Palettes
Main Color Palette
Our color palette is remarkably similar. Black. White. Green.
Ziker Green
HEX: #3add74
RGB: 58,221,116
Pure Black
HEX: #000000
RGB: 0,0,0
Always prioritize dark backgrounds. Our brand is dark, sleek, and cinematic. There will be the occasional need for white backdrops, but whenever possible, use dark tones for backgrounds.
Use true black, aka #FFFFFF.
Don't put white on top of the Ziker green. Always use black against the green for the most contrast.
Secondary Colors
While it is not advised to stray away from the primary brand color, we have shades of green and gray that advanced designers can use to compliment their themes. Advanced designers may use these palettes for web UI and other projects that require a more dimensional color palette.
Green Palette
| Shade 1 | HEX: #274531 | RGB: 39, 69, 49 | |
| Shade 2 | HEX: #289C51 | RGB: 40, 156, 81 | |
| Shade 3 | HEX: #3ADE73 | RGB: 58, 222, 115 | |
| Shade 4 | HEX: #33C466 | RGB: 54, 196, 102 | |
| Shade 5 | HEX: #7CDE9E | RGB: 124, 222, 158 |
Gray Palette
| Shade 1 | HEX: #F7FFFA | RGB: 247, 255, 250 | |
| Shade 2 | HEX: #ABB0AD | RGB: 171, 176, 173 | |
| Shade 3 | HEX: #656967 | RGB: 101, 105, 103 | |
| Shade 4 | HEX: #4F5250 | RGB: 79, 82, 80 | |
| Shade 5 | HEX: #1E1F1E | RGB: 30, 31, 30 |
Do's and Dont's
DO: prioritize dark backgrounds. Our brand is dark, sleek, and cinematic. There will be the occasional need for white backdrops, but whenever possible, use dark tones for backgrounds.
DO: use true black, aka #FFFFFF.
DON'T: Don't put white on top of the Ziker green. Always use black against the green for the most contrast.