Gradient Tokens
All gradients used in the app with their light and dark mode variants, rendered with semantic gradient stops.
LightDark
#1Brand PrimaryAccount card
secondary#7849F7→primary#5D3EBC
secondary#2A2342→primary#2B2933
#2Surface SubtleCredit card
subtle#E8E8E8→default#FFFFFF
subtle#262626→default#0E0E0E
#3Surface Brand LightLoan card
pale-widget#F3F0FE→pale-2#E6E1F5
pale-widget#262626→pale-2#2B2933
#4Surface to BrandWhite to brand transition
default#FFFFFF→pale-widget#F3F0FE
default#0E0E0E→pale-widget#262626
#5Fade TransparentFully transparent
transparent#FFFFFF→transparent#FFFFFF
transparent#0E0E0E→transparent#0E0E0E
#6Fade Out WhiteFade to transparent
default#FFFFFF→transparent#FFFFFF
default#0E0E0E→transparent#0E0E0E
#7Fade In DarkFade from transparent to dark
transparent#FFFFFF→default#FFFFFF
transparent#0E0E0E→default#0E0E0E
#8Surface ElevationElevation shadow
prominent#D6D6D6→default#FFFFFF
prominent#3E3E3E→default#0E0E0E
#9Surface Brand CenteredCentered brand highlight
default#FFFFFF→pale-widget#F3F0FE→default#FFFFFF
default#0E0E0E→pale-widget#262626→default#0E0E0E
#10Vignette DarkDark vignette effect
transparent#FFFFFF→default#FFFFFF→default#FFFFFF→transparent#FFFFFF
transparent#0E0E0E→default#0E0E0E→default#0E0E0E→transparent#0E0E0E
#11Fade DarkTransparent to dark
transparent#FFFFFF→default#FFFFFF
transparent#0E0E0E→default#0E0E0E
#12Fade Out SolidEdge fade to solid
transparent#FFFFFF→default#FFFFFF→default#FFFFFF
transparent#0E0E0E→default#0E0E0E→default#0E0E0E
#13Surface Brand AccentStronger brand accent
default#FFFFFF→pale-2#E6E1F5→default#FFFFFF
default#0E0E0E→pale-2#2B2933→default#0E0E0E
#14Brand DarkDark mode brand
heavy#251A49→primary#5D3EBC
heavy#251A49→primary#2B2933
#15Overlay LightLight overlay
transparent-20#FFFFFF 20%→transparent-70#FFFFFF 70%
transparent-20#0E0E0E 20%→transparent-70#0E0E0E 70%