Color Palettes

There are three col­or palettes we use at Hudl. Keep read­ing for the details on what they are and when to use them.

This palette shows off the essence of our brand: pre­mi­um, ath­let­ic and inten­tion­al. That’s why these are the col­ors most close­ly asso­ci­at­ed with Hudl. 

Hex RGB Pantone
Dark Orange
#FF5000
255, 80, 0
1595 CP
Orange
#FF6300
255, 99, 0
1585 CP
Light Orange
#FF6E00
255, 110, 0
1575 CP
Dark Ink
#191F24
25, 31, 36
433 CP
Ink
#232A31
35, 42, 49
Cool Gray 11 CP
Light Ink
#38434F
56, 67, 79
Cool Gray 10 CP
Typewriter
#4E5D6C
78, 93, 108
Cool Gray 9 CP
Electric
#009CE3
0, 156, 227
7689 CP
White
#FFFFFF
255, 255, 255
N/A
Dark Gray
#DCE1E6
220, 225, 230
12% Black
Gray
#EDF0F2
237, 240, 242
9% Black
Light Gray
#F9FAFB
249, 250, 251
3% Black

We use this palette when we need to show­case a spe­cif­ic team with­in a design. 

Hex RGB Pantone
Maroon
#790622
121, 6, 34
Scarlet
#D00000
208, 0, 0
Apple
#FF1E1E
255, 30, 30
Orange
#FF8C00
255, 140, 0
Gold
#EDB407
237, 180, 7
Yellow
#FFDD00
255, 221, 0
Forest
#245900
36, 89, 0
Kelly
#3E9600
62, 150, 0
Sky
#53BCEF
83, 188, 239
Royal
#084DA8
8, 77, 168
Navy
#0C3970
12, 57, 112
Purple
#621296
98, 18, 150
White
#FFFFFF
255, 255, 255
Silver
#D7D9DD
215, 217, 221
Grey
#646566
100, 101, 102
Black
#222222
34, 34, 34

When we need to com­mu­ni­cate an action to take, infor­ma­tion to digest or the sta­tus of an update, we use this palette of colors.

Hex RGB Pantone
Action
#009CE3
0, 156, 227
Information
#4D6680
77, 102, 128
Confirmation
#78A100
120, 161, 0
Warning
#F2B600
242, 182, 0
Critical
#E81C00
232, 28, 0

Don’t use team colors for copy blocks.

Do use team colors for design accents.

Do use orange sparingly.

Do use varying color levels for type hierarchy.

Do use electric for call-to-actions, but not for body copy.

Last Updated: 18 May 2020 at 4:07pm CDT