Colors
Strum includes a wide selection of neutral and accent colors to compose your palette.
Neutrals
Neutrals form the base gray scale of your app or website, providing a wide dynamic range of colors for the main body backgrounds and text. Most neutral color options have a subtle hue that you can match with your accent color, otherwise you can use Gray for a perfectly neutral gray scale.
Sand
Light0
1
2
3
4
5
6
7
8
9
10
11
12
Dark0
1
2
3
4
5
6
7
8
9
10
11
12
Olive
Light0
1
2
3
4
5
6
7
8
9
10
11
12
Dark0
1
2
3
4
5
6
7
8
9
10
11
12
Sage
Light0
1
2
3
4
5
6
7
8
9
10
11
12
Dark0
1
2
3
4
5
6
7
8
9
10
11
12
Slate
Light0
1
2
3
4
5
6
7
8
9
10
11
12
Dark0
1
2
3
4
5
6
7
8
9
10
11
12
Mauve
Light0
1
2
3
4
5
6
7
8
9
10
11
12
Dark0
1
2
3
4
5
6
7
8
9
10
11
12
Gray
Light0
1
2
3
4
5
6
7
8
9
10
11
12
Dark0
1
2
3
4
5
6
7
8
9
10
11
12
Accents
Accents can be used to represent your brand, or to help interactive elements stand out.
Crimson
Light0
1
2
3
4
5
6
7
8
9
10
11
12
Dark0
1
2
3
4
5
6
7
8
9
10
11
12
Ruby
Light0
1
2
3
4
5
6
7
8
9
10
11
12
Dark0
1
2
3
4
5
6
7
8
9
10
11
12
Red
Light0
1
2
3
4
5
6
7
8
9
10
11
12
Dark0
1
2
3
4
5
6
7
8
9
10
11
12
Tomato
Light0
1
2
3
4
5
6
7
8
9
10
11
12
Dark0
1
2
3
4
5
6
7
8
9
10
11
12
Orange
Light0
1
2
3
4
5
6
7
8
9
10
11
12
Dark0
1
2
3
4
5
6
7
8
9
10
11
12
Brown
Light0
1
2
3
4
5
6
7
8
9
10
11
12
Dark0
1
2
3
4
5
6
7
8
9
10
11
12
Gold
Light0
1
2
3
4
5
6
7
8
9
10
11
12
Dark0
1
2
3
4
5
6
7
8
9
10
11
12
Grass
Light0
1
2
3
4
5
6
7
8
9
10
11
12
Dark0
1
2
3
4
5
6
7
8
9
10
11
12
Green
Light0
1
2
3
4
5
6
7
8
9
10
11
12
Dark0
1
2
3
4
5
6
7
8
9
10
11
12
Jade
Light0
1
2
3
4
5
6
7
8
9
10
11
12
Dark0
1
2
3
4
5
6
7
8
9
10
11
12
Teal
Light0
1
2
3
4
5
6
7
8
9
10
11
12
Dark0
1
2
3
4
5
6
7
8
9
10
11
12
Cyan
Light0
1
2
3
4
5
6
7
8
9
10
11
12
Dark0
1
2
3
4
5
6
7
8
9
10
11
12
Blue
Light0
1
2
3
4
5
6
7
8
9
10
11
12
Dark0
1
2
3
4
5
6
7
8
9
10
11
12
Indigo
Light0
1
2
3
4
5
6
7
8
9
10
11
12
Dark0
1
2
3
4
5
6
7
8
9
10
11
12
Iris
Light0
1
2
3
4
5
6
7
8
9
10
11
12
Dark0
1
2
3
4
5
6
7
8
9
10
11
12
Violet
Light0
1
2
3
4
5
6
7
8
9
10
11
12
Dark0
1
2
3
4
5
6
7
8
9
10
11
12
Purple
Light0
1
2
3
4
5
6
7
8
9
10
11
12
Dark0
1
2
3
4
5
6
7
8
9
10
11
12
Plum
Light0
1
2
3
4
5
6
7
8
9
10
11
12
Dark0
1
2
3
4
5
6
7
8
9
10
11
12
Pink
Light0
1
2
3
4
5
6
7
8
9
10
11
12
Dark0
1
2
3
4
5
6
7
8
9
10
11
12
Bright Accents
Bright Accents are a variant category of accent colors with different contrast requirements. These scales enable vivid, bright color options in your app, but at the 9 scale you must use the darkest gray scale for foreground text. In light mode, only scales 11 and 12 may use your lightest gray scale. In dark mode, 9 through 12 may use your darkest gray scale.
Amber
Light0
1
2
3
4
5
6
7
8
9
10
11
12
Dark0
1
2
3
4
5
6
7
8
9
10
11
12
Yellow
Light0
1
2
3
4
5
6
7
8
9
10
11
12
Dark0
1
2
3
4
5
6
7
8
9
10
11
12
Lime
Light0
1
2
3
4
5
6
7
8
9
10
11
12
Dark0
1
2
3
4
5
6
7
8
9
10
11
12
Mint
Light0
1
2
3
4
5
6
7
8
9
10
11
12
Dark0
1
2
3
4
5
6
7
8
9
10
11
12
Sky
Light0
1
2
3
4
5
6
7
8
9
10
11
12
Dark0
1
2
3
4
5
6
7
8
9
10
11
12