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

Accessibility

Accessibility

All our colors were carefully selected to be ADA compliant, so our brand could be seen together on screens by people with vision difficulties.

Warmth, care, and compassion

Warmth, Care, and Compassion

The orange and red in our color palette adds a variable of compassion and enthusiasm while also nodding to our origins' history.

Growth, Stability, and Innovation

Growth, Stability, and Innovation

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

Patterns and 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