#6200EE
Primary
#03DAC6
Secondary
#FFFFFF
Background
#F0F0F0
Surface
#B00020
Error
#FFFFFF
On Primary
#000000
On Secondary
#000000
On Background
#000000
On Surface
#FFFFFF
On Error
Palette Description
Here’s a color palette inspired by Material Design 3:
json
{
"palette_name": "Material 3 Colors",
"colors": [
{
"name": "Primary",
"hex_code": "
#6200EE
"
},
{
"name": "Secondary",
"hex_code": "
#03DAC6
"
},
{
"name": "Background",
"hex_code": "
#FFFFFF
"
},
{
"name": "Surface",
"hex_code": "
#F0F0F0
"
},
{
"name": "Error",
"hex_code": "
#B00020
"
},
{
"name": "On Primary",
"hex_code": "
#FFFFFF
"
},
{
"name": "On Secondary",
"hex_code": "
#000000
"
},
{
"name": "On Background",
"hex_code": "
#000000
"
},
{
"name": "On Surface",
"hex_code": "
#000000
"
},
{
"name": "On Error",
"hex_code": "
#FFFFFF
"
}
]
}
This palette includes primary, secondary, background, surface, and error colors, along with their respective “on” colors for text and icons. How do you plan to use these colors?