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, representing the care of our staff, 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
Primary
These are brand anchors and are used most often (logos, key CTAs, headers):
Noble Navy
HEX #282968
CMYK 25 25 0 59
RGB 40 41 104
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
Soft Light
HEX #CFEAF9
CMYK 17 6 0 2
RGB 207 234 249
Secondary
Support the primary colors and add flexibility or variation:
Connect Blue
HEX #0049CE
CMYK 100 65 0 19
Neon Purple
HEX #4A21EF
CMYK 69 86 0 6
Rally Orange
HEX #FAA229
CMYK 0 35 84 2
Arts Red
HEX #FC3740
CMYK 0 78 75 1
Accent
Highlights, emphasis, alerts, moments of delight:
Dark Neon Purple
HEX #2C0EA4
CMYK 73 91 0 36
Flower Blue
HEX #6C99FF
CMYK 58 40 0 0
Core Green
HEX #0AB78C
CMYK 95 0 23 28
Tell Teal
HEX #2FBEB1
CMYK 75 0 7 25
Tertiary
Limited-use colors that add breathing room to larger design systems:
Light Arts Red
HEX #FFE6E5
CMYK 0 10 10 0
Light Rally
HEX #FEDC92
CMYK 0 13 43 0
Light Core
HEX #9DE2D1
CMYK 31 0 8 11
Neutrals
Backgrounds, text, UI scaffolding:
Text
HEX #222222
Light Grey
HEX #D5D5D5
Surface
HEX #F7F9FB
Glacier
HEX #F1F8FD
Color Theory
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
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 FAA229
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 FC3740
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
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
Neon Purple + Soft Blue
45 degree gradient
Noble Navy + Electric Blue
45 degree gradient
Soft Blue + Soft Light
25 degree gradient