1/6
Primary
- Aa Large TextAa Normal Text
- White Text
- Black Text
P — Light
- Aa Large TextAa Normal Text
- White Text
- Black Text
P — Dark
- Aa Large TextAa Normal Text
- White Text
- Black Text
Secondary
- Aa Large TextAa Normal Text
- White Text
- Black Text
S — Light
- Aa Large TextAa Normal Text
- White Text
- Black Text
S — Dark
- Aa Large TextAa Normal Text
- White Text
- Black Text
Large text is defined as 14 point (typically 18.66px) and bold or larger, or 18 point (typically 24px) or larger. Normal text is below 18 point or below 14 point and bold.
- 50
- 100
- 200
- 300
- 400
- 500
- 600
- 700
- 800
- 900
- A 100
- A 200
- A 400
- A 700
- Red
- Pink
- Purple
- Deep Purple
- Indigo
- Blue
- Light Blue
- Cyan
- Teal
- Green
- Light Green
- Lime
- Yellow
- Amber
- Orange
- Deep Orange
- Brown
- Grey
- Blue Grey
Current Scheme
Primary
P
P — Light
P — Dark
Secondary
S
S — Light
S — Dark
Text on P
T
Text on S
T
Pick a color from the palette (or a custom color) to see how it looks in a UI.