YOOOOOOOOOO
COPIED
x
- About Material UI Colors.
- Google's material ui color palette comprises primary and accent colors that can be used for illustration or to develop your brand colors. They’ve been designed to work harmoniously with each other.
- The color palette starts with primary colors and fills in the spectrum to create a complete and usable palette for Android, Web, and iOS. Google suggests using the 500 colors as the primary colors in your app and the other colors as accents colors.
- What Is Material Design ?
- Google challenged themselves to create a visual language for users that synthesizes the classic principles of good design with the innovation and possibility of technology and science. This is material design.
- Welcome to MATERIALUI.CO
- We're a small team of passionate developers, designers & learners.
You can reach us at hello@designinspiro.com.
- How To Use MATERIALUI.CO
- This website is made for developers and designers who want quick access to the color codes provided by Google for Material Design. You can click on the color box and respective color code will be automatically copied to your clipboard.
- Color Formats
- You can change the color format you want to use by changing the selection in right side of the header. You can switch between HEX, #HEX, RGB and RGBA
- Access Specific Color Palette
- You can also access specific color palette with the URLs.
- For Red Color Palette : materialui.co/colors/red
- For Deep Purple Color Palette : materialui.co/colors/deep-purple
- For Red 500 Color Palette : materialui.co/colors/red/500
MaterialUI.co
coded with ♥ by
Click-To-Copy is not supported in Mobiles & Lower Resolution Devices. Sorry for that :(
- Red
- Pink
- Purple
- Deep Purple
- Indigo
- Blue
- Light Blue
- Cyan
- Teal
- Green
- Light Green
- Lime
- Yellow
- Amber
- Orange
- Deep Orange
- Brown
- Grey
- Blue Grey
- 50
- 50
- 50
- 50
- 50
- 50
- 50
- 50
- 50
- 50
- 50
- 50
- 50
- 50
- 50
- 50
- 50
- 50
- 50
- 100
- 100
- 100
- 100
- 100
- 100
- 100
- 100
- 100
- 100
- 100
- 100
- 100
- 100
- 100
- 100
- 100
- 100
- 100
- 200
- 200
- 200
- 200
- 200
- 200
- 200
- 200
- 200
- 200
- 200
- 200
- 200
- 200
- 200
- 200
- 200
- 200
- 200
- 300
- 300
- 300
- 300
- 300
- 300
- 300
- 300
- 300
- 300
- 300
- 300
- 300
- 300
- 300
- 300
- 300
- 300
- 300
- 400
- 400
- 400
- 400
- 400
- 400
- 400
- 400
- 400
- 400
- 400
- 400
- 400
- 400
- 400
- 400
- 400
- 400
- 400
- 500
- 500
- 500
- 500
- 500
- 500
- 500
- 500
- 500
- 500
- 500
- 500
- 500
- 500
- 500
- 500
- 500
- 500
- 500
- 600
- 600
- 600
- 600
- 600
- 600
- 600
- 600
- 600
- 600
- 600
- 600
- 600
- 600
- 600
- 600
- 600
- 600
- 600
- 700
- 700
- 700
- 700
- 700
- 700
- 700
- 700
- 700
- 700
- 700
- 700
- 700
- 700
- 700
- 700
- 700
- 700
- 700
- 800
- 800
- 800
- 800
- 800
- 800
- 800
- 800
- 800
- 800
- 800
- 800
- 800
- 800
- 800
- 800
- 800
- 800
- 800
- 900
- 900
- 900
- 900
- 900
- 900
- 900
- 900
- 900
- 900
- 900
- 900
- 900
- 900
- 900
- 900
- 900
- 900
- 900
- A100
- A100
- A100
- A100
- A100
- A100
- A100
- A100
- A100
- A100
- A100
- A100
- A100
- A100
- A100
- A100
- A200
- A200
- A200
- A200
- A200
- A200
- A200
- A200
- A200
- A200
- A200
- A200
- A200
- A200
- A200
- A200
- A400
- A400
- A400
- A400
- A400
- A400
- A400
- A400
- A400
- A400
- A400
- A400
- A400
- A400
- A400
- A400
- A700
- A700
- A700
- A700
- A700
- A700
- A700
- A700
- A700
- A700
- A700
- A700
- A700
- A700
- A700
- A700