Guidelines
Color
Last updated: April 2020
Colors at FanDuel are defined in 3 palette variations.
Default palette
The default color mapping for FanDuel’s palette. Colors are named explicitly with lighter or darker variations from the base.
Themed palette
A themed color mapping for white labelling. The Default palette is mapped to a theme independent of the actual color names.
Context palette
Contextual based color mapping. Named by usage and role, independent of the actual color name.
Context pallete
-
fanduelNavyheadingTextColor#1F375B
-
fanduelGreyD4bodyTextColor#445058
-
fanduelGreyD3subTextColor#818E95
-
fanduelWhiteonDarkTextColor#FFFFFF
-
fanduelBlueD1linkColor#1381E0
-
fanduelBlueD2linkHoverColor#0E67B3
-
fanduelGreyL4screenBackgroundColor#F0F3F8
-
fanduelWhitecardBackgroundColor#FFFFFF
-
fanduelGreyL2borderColor#CFD6DB
Default and Themed palette
-
fanduelGreenprimaryColor#1BB152
-
fanduelGreenL2primaryColorL2#49C175
-
fanduelGreenL1primaryColorL1#32B964
-
fanduelGreenD1primaryColorD1#189F4A
-
fanduelGreenD2primaryColorD2#137C39
-
fanduelBluesecondaryColor#1493FF
-
fanduelBlueL2secondaryColorL2#43ADFF
-
fanduelBlueL1secondaryColorL1#2C9EFF
-
fanduelBlueD1secondaryColorD1#1381E0
-
fanduelBlueD2secondaryColorD2#0E67B3
-
fanduelNavytertiaryColor#1F375B
-
fanduelNavyL2tertiaryColorL2#294B75
-
fanduelNavyL1tertiaryColorL1#224168
-
fanduelNavyD1tertiaryColorD1#1C3252
-
fanduelNavyD2tertiaryColorD2#162740
-
fanduelReddestructiveColor#E44242
-
fanduelRedL2destructiveColorL2#FF4F4F
-
fanduelRedL1destructiveColorL1#F24747
-
fanduelRedD1destructiveColorD1#DB3F3F
-
fanduelRedD2destructiveColorD2#BF2D2D
-
fanduelOrangesupportive1Color#F99F4A
-
fanduelOrangeL2supportive1ColorL2#FFB874
-
fanduelOrangeL1supportive1ColorL1#FFA958
-
fanduelOrangeD1supportive1ColorD1#EA913C
-
fanduelOranged2supportive1ColorD2#DA812D
-
fanduelYellowsupportive2Color#FFCB4D
-
fanduelYellowL2supportive2ColorL2#FFD87A
-
fanduelYellowL1supportive2ColorL1#FFCF5B
-
fanduelYellowD1supportive2ColorD1#F4C041
-
fanduelYellowD2supportive2ColorD2#E8B436
-
fanduelPurplesupportive3Color#887AEF
-
fanduelPurpleL2supportive3ColorL2#988CF6
-
fanduelPurpleL1supportive3ColorL1#9285F6
-
fanduelPurpleD1supportive3ColorD1#7B6EDD
-
fanduelPurpleD2supportive3ColorD2#695CC8
-
fanduelGreyneutralColor#B9C4CB
-
fanduelGreyL5neutralColorL5#F5F8FC
-
fanduelGreyL4neutralColorL4#F0F3F8
-
fanduelGreyL3neutralColorL3#E4E8EE
-
fanduelGreyL2neutralColorL2#CFD6DB
-
fanduelGreyL1neutralColorL1#C2CBD1
-
fanduelGreyD1neutralColorD1#AFBBC2
-
fanduelGreyD2neutralColorD2#99A8B1
-
fanduelGreyD3neutralColorD3#818E95
-
fanduelGreyD4neutralColorD4#455058
-
fanduelWhitebaseColor#FFFFFF