Material Palette

  • 50
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
  • A100
  • A200
  • A400
  • A700
  • Red
    • Primary
    • Accent
  • Pink
    • Primary
    • Accent
  • Purple
    • Primary
    • Accent
  • Deep Purple
    • Primary
    • Accent
  • Indigo
    • Primary
    • Accent
  • Blue
    • Primary
    • Accent
  • Light Blue
    • Primary
    • Accent
  • Cyan
    • Primary
    • Accent
  • Teal
    • Primary
    • Accent
  • Green
    • Primary
    • Accent
  • Light Green
    • Primary
    • Accent
  • Lime
    • Primary
    • Accent
  • Yellow
    • Primary
    • Accent
  • Amber
    • Primary
    • Accent
  • Orange
    • Primary
    • Accent
  • Deep Orange
    • Primary
    • Accent
  • Brown
    • Primary
    • Accent
  • Grey
    • Primary
    • Accent
  • Blue Grey
    • Primary
    • Accent
  • Android Code
  • Jetpack Compose Code
  • Flutter Code
<resources xmlns:tools="http://schemas.android.com/tools">
<style name="Theme.MyApplication" parent="Theme.MaterialComponents.DayNight.NoActionBar">
<item name="colorPrimary">#3F51B5</item>
<item name="colorPrimaryVariant">#303F9F</item>
<item name="colorSecondary">#E91E63</item>
</style>
</resources>

Material palette is a color palette introduced by Google, this palette is often used in mobile applications and programs implemented with the material design system. This palette contains 19 colors. You can choose two colors, a main color and a secondary color. You can also copy the color code with the desired transparency from the bar above the colors.