Style Guide
Evergreen is a premium Webflow Template for Fin-Tech and Online Banking startups.
Color Styles
Primary Color Variants
This color should be displayed most frequently and be used for important actions
Primary - 500
Hex - #2D4572
Primary - 400
Hex - #3A568D
Primary - 300
Hex - #6B84B3
Primary - 200
Hex - #ABB8D0
Primary - 100
Hex - #D8DDE8
Secondary Color Variants
This color should be applied sparingly to highlight information and background.
Secondary - 500
Hex - #007279
Secondary - 400
Hex - #349BA2
Secondary - 300
Hex - #44B8BF
Secondary - 200
Hex - #9ACDD0
Secondary - 100
Hex - #E6EFF0
Dark Color Variants
This color should be used for text.
Dark - 500
Hex - #112941
Dark - 400
Hax - #254463
Dark - 300
Hax - #3f5E7E
Dark - 200
Hax - #6682A0
Dark - 100
Hax - #AFC1D4
White Color Variants
This color should be used for text and background.
White - 500
Hax - #F5F3EE
White - 400
Hax - #F7F5F1
White - 300
Hax - #F9F8F5
White - 200
Hax - #FDFDFC
White - 100
Hax - #FFFFFF
Green Color Variants (Success)
This color should be used to show positive feedback or status.
Green - 500
Hax - #3EBE8A
Green - 400
Hax - #65CBA1
Green - 300
Hax - #8BD8B9
Green - 200
Hax - #B2E5D0
Green - 100
Hax - #D8F2E8
Yellow Color Variants (Warning)
This color should be used to show warning feedback or status.
Yellow - 500
Hax - #FFCB3D
Yellow - 400
Hax - #FFD564
Yellow - 300
Hax - #FFE08B
Yellow - 200
Hax - #FFEAB1
Yellow - 100
Hax - #FFF5D8
Red Color Variants (Error)
This color should be used to show negative feedback or status.
Red - 500
Hax - #F25E3A
Red - 400
Hax - #F57E61
Red - 300
Hax - #F79E89
Red - 200
Hax - #FABFB0
Red - 100
Hax - #FCDFD8
