Colors
The official colors of the Neon One brand are below. Do not use ‘color pickers’ to discover the color values as small deviations are introduced.
Our colors were chosen based on a few valued factors: accessibility and the opportunity for growth, stability, and innovation.
Color Values
All our colors were carefully selected to be ADA compliant, so our brand could be seen together on screens by people with vision difficulties.
The orange and red in our color palette adds a variable of compassion and enthusiasm while also nodding to our origins' history.
Blue hues have proven to evoke trust, freshness - fresh ideas, and innovation or renewal.
Full Color Suite
Electric Blue
HEX #008BF4
CMYK 96 41 0 4
RGB 0 139 244
Soft Blue
HEX #5FB9EB
CMYK 55 20 0 8
RGB 95 185 235
Rally Orange
HEX #EEA447
CMYK 0 29 65 7
RGB 238 164 71
Arts Red
HEX #DE5750
CMYK 0 53 56 13
RGB 222 87 80
Noble Navy
HEX #282968
CMYK 25 25 0 59
RGB 40 41 104
Core Green
HEX #0AB78C
CMYK 68 0 17 28
RGB 10 183 140
Primary Colors
Our primary colors are Noble Navy, and Electric Blue included in our primary logo for light backgrounds. Use the Neon Navy for dark backgrounds, header text, and buttons. Use the Electric Blue for primary actions and buttons, links, indicating activation, and representing the ‘1’ icon hierarchy.
Electric Blue
CMYK 96 41 0 4
RGB 0 139 244
HEX 008BF4
STABILITY + ACTION
Electric blue is a bright and intense component color of the primary palette for Neon One. According to color psychology, the blue shade has reliable connectivity with security and integrity. The sparking characteristic of Electric Blue influences a viewer to trust following an action.
USABILITY
As a rather dark shade, this color can very well be used to color smaller elements (like text and buttons). Due to its darkness, it gives good contrast, also if used on white background. The readability of the text is perfectly ok.
Text: Recommended
Headings: Recommended
Large Fill Color: Use with caution
Buttons: Recommended
Secondary Colors
Our secondary colors are Soft Blue, Core Green, Rally Orange, and Art Red. These colors, collectively with the primary colors, set our brand's tone and are used throughout our product items. The Soft Blue is used only in the lighter logo, on dark backgrounds; use this color for large fill areas or as buttons and graphics on a dark background.
Soft Blue
CMYK 55 20 0 8
RGB 95 185 235
HEX 5FB9EB
CALMING + HOPEFUL + TRUSTING
Soft Blue is a serene component color of the primary palette for Neon One. According to color psychology, the light blue shade has reliable connectivity with trustworthiness and comfort. The cool characteristic of Soft Blue promotes feelings of tranquility and invitation among a user experience.
USABILITY
Its calming, relaxed appearance is easy on the eyes and means the shade is suitable for use in large amounts. As a rather light shade, this color can be used as a fill/background and bigger elements. If there is no obvious reason, we do not recommend using it as text-color on white backgrounds (low contrast gives bad accessibility-rating).
Text: NOT Recommended
Headings: NOT Recommended
Large Fill Color: Recommended
Buttons: Watch for enough contrast
Core Green
CMYK 68 0 17 28
RGB 10 183 140
HEX 0AB78C
GROWTH + DYNAMIC
Core green sits between green and blue on the color wheel. With this placement, it is a perfect mix of security and forward-thinking. Green is the color of nature; it symbolizes growth and freshness. Core green promotes our company as imaginative, dynamic, and motivated towards the future.
USABILITY
As a rather medium shade, this color can be used to color smaller elements (like text and buttons). Due to its darkness, it gives good contrast, also if used on white background. The readability of the text is perfectly ok.
Text: Recommended
Headings: Recommended
Large Fill Color: Use with caution
Buttons: Recommended
Rally Orange
CMYK 0 29 65 7
RGB 238 164 71
HEX EEA447
FUN + ENTHUSIASTIC + FRIENDLY
Rally orange sits between yellow and red on the color wheel. Its quality is tangerine-like and evokes feelings associated with energy, youth, and happiness. The bursting shade reminds us to have fun and resembles the joy we experience helping our customers.
USABILITY
As a rather light shade, this color can be used as a fill/background and bigger elements. If there is no obvious reason, we do not recommend using it as text-color on white backgrounds (low contrast gives bad accessibility-rating).
Text: NOT Recommended
Headings: NOT Recommended
Large Fill Color: Recommended (Imagery)
Buttons: Watch for enough contrast
Arts Red
CMYK 0 53 56 13
RGB 222 87 80
HEX DE5750
PASSIONATE + UNITY
Arts red is a cross between red and orange. More red than orange, it is bright and exciting, resulting in a color that stands for passion, connectivity, and optimism. A color associated with a heart shape, it evokes feelings of kindness, compassion, and understanding among a community.
USABILITY
As a rather medium/dark shade, this color can very well be used to color smaller elements (like text and buttons). Due to its darkness, it gives good contrast, also if used on white background. The readability of the text is perfectly ok.
Text: Recommended
Headings: Recommended
Large Fill Color: Use with caution
Buttons: Recommended
Neutral Colors
Our neutral colors are made up of different tones of black and grey. They are used typically in text, headings, backgrounds, and in-product design. They help add accessible elements within our product user interface, online publications, and print.
Black Heading
CMYK 0 0 0 87
RGB 34 34 34
HEX 222222
Gray Text
CMYK 2 1 0 60
RGB 95 99 101
HEX 5F6365
Light Gray
CMYK 1 0 0 9
RGB 229 230 231
HEX E5E6E7
Gradients
These are our official patterns and gradients that may be used as background fill online but should be used cautiously in print. The white text should be used against these background fills. These should NOT be used for text or button fill.
Arts Red + Rally Orange
135 degree gradient
Noble Navy + Electric Blue
45 degree gradient