Main Colors
The battleface color palette is inspired by nature and designed to evoke a sense of adventure. Design decisions should prioritize black and white. With lime, orange, tan, and blue used in support.
Black
#000000
0, 0, 0
BF White
#fbfbfb
251, 251, 251
BF Lime
#cbc646
203, 198, 70
BF Orange
#e47839
228, 120, 57
Secondary Colors
BF Tan
#d6cfc3
214, 207, 195
BF Blue
#19405b
25, 64, 91
Dos and Donts
It’s important to be mindful of contrast, which is the difference in brightness between design elements and the backgrounds on which they sit.
Please see examples of pairings that are successful, and unsuccessful, in maintaining text readability. Note: The visualizations provided are not entirely comprehensive.
Download All Colors
Download the color swatch to ensure that you use the all the right colors in your application.
Color Swatches
ASE, LESS, SCSS
