Color Scheme

Define your custom color scheme (inside webflow designer)

Primary Color
colorPrimary
Accent Color
colorAccent

Click one of the color blocks above (dont click on the label) to select the global class colorPrimary or colorAccent and change the background‑fill and text‑fill to your needs.

Material Design Colors

Use this as a quick color reference when adding new colors or changing your color scheme.

Red

#F44336

Pink

#e91e63

Purple

#9c27b0

Deep Purple

#673ab7

Indigo

#3f51b5

Blue

#2196f3

Light Blue

#03A9F4

Cyan

#00BCD4

Teal

#009688

Green

#4CAF50

Light Green

#8BC34A

Lime

#CDDC39

Yellow

#FFEB3B

Amber

#FFC107

Orange

#FF9800

Deep Orange

#FF5722

Brown

#795548

Grey

#9E9E9E

Blue Grey

#607D8B

Black

#000000

White

#ffffff

Text Fields

Edit your textfields & inputs according to your needs. Select the label and refine the css params.

Textfield
Selectfield
Submit Button
Label & Textfield 
Floating Label & Textfield
Styling Helper (for invisible items)

Select the item and refine the css params of the given class according to your needs.

Tooltips
I'm a custom tooltip
Ripple Effect Color