Color Palettes

There are three color palettes we use at Hudl. Keep reading for the details on what they are and when to use them.

This palette shows off the essence of our brand: premium, athletic and intentional. That’s why these are the colors most closely associated 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 showcase a specific team within 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 communicate an action to take, information to digest or the status 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