Style Guide
Search…
Color System
An organized approach to apply colors to our UI and marketing assets.

Color System

Color helps distinguishes our brand and helps us to create consistent experiences across the Handy platform

Blue

Color
Name
Hex Code
RGB
Blue-Light
#EEF6F9
238, 246, 249
Blue-Medium-Light
#CDE9F8
205, 233, 248
Blue-Medium
#0BB8E3
11, 184, 227
Blue-Medium-Dark
#036DA1
3, 109, 161
Blue-Dark
#073556
7, 53, 86

Green

Color
Name
Hex Code
RGB
Green-Light
#EDF7D6
237, 247, 214
Green-Medium-Light
#D5EBBF
103, 189, 36
Green-Medium
#67BD24
103, 189, 36
Green-Medium-Dark
#4A8A18
74, 138, 24
Green-Dark
#215913
33, 89, 19

Teal

Color
Name
Hex Code
RGB
Teal-Light
#E0F6F2
224, 246, 242
Teal-Medium-Light
#A6E9DD
166, 233, 221
Teal-Medium
#3DCAB1
61, 202, 177
Teal-Medium-Dark
#3DAF88
61, 175, 136
Teal-Dark
#046856
4, 104, 86

Yellow

Color
Name
Hex Code
RGB
Yellow-Light
#FCEBC6
252, 235, 198
Yellow-Medium-Light
#FFDB8D
255, 219, 141
Yellow-Medium
#FFB600
255, 182, 0
Yellow-Medium-Dark
#EF9000
239, 144, 0
Yellow-Dark
#DA7500
218, 117, 0

Purple

Color
Name
Hex Code
RGB
Purple-Light
#EDD1EB
237, 209, 235
Purple-Medium-Light
#B87DB4
184, 125, 180
Purple-Medium
#893383
137, 51, 131
Yellow-Medium-Dark
#700C6A
112, 12, 106
Purple-Dark
#4C0B47
76, 11, 71

Red

Color
Name
Hex Code
RGB
Red-Light
#FFD8D8
255, 216, 216
Red-Medium-Light
#FC9A9A
252, 154, 154
Red-Medium
#E74343
231, 67, 67
Red-Medium-Dark
#B81919
184, 25, 25
Red-Dark
#851919
133, 25, 25

Slate

Color
Name
Hex Code
RGB
Slate-Light
#E8EFF2
232, 239, 242
Slate-Medium-Light
#DAE2E6
218, 226, 230
Slate-Medium
#C2CED3
194, 206, 211
Slate-Medium-Dark
#9CABB5
156, 171, 181
Slate-Dark
#667884
102, 120, 132

Supporting Colors

Color
Name
Hex Code
RGB
Off-White
#FBFBFB
251, 251, 251
Dark-White
#F4F4F4
244, 244, 244
Text-Black
#434343
67, 67, 67

Color Table

Blue
Green
Slate
Yellow
Red
Teal
Purple
Light
#EEF6F9
#EDF7D6
#E8EFF2
#FCEBC6
#FFD8D8
#E0F6F2
#EDD1EB
Medium-Light
#CDE9F8
#D5EBBF
#DAE2E6
#FFDB8D
#FC9A9A
#A6E9DD
#B87DB4
Medium
#0BB8E3
#67BD24
#C2CED3
#FFB600
#E74343
#3DCAB1
#893383
Medium-Dark
#036DA1
#4A8A18
#9CABB5
#EF9000
#B81919
#3DAF88
#700C6A
Dark
#073556
#215913
#667884
#DA7500
#851919
#046856
#4C0B47
Last modified 2yr ago