Here’s a Material Design 3 (M3) compliant color palette that starts with the background color #161a40 . This palette includes complementary colors for various UI elements.

json
{
  "palette_name": "M3 Compliant Palette",
  "colors": [
    {
      "name": "Background",
      "hex_code": "
          
          #161a40
       "
    },
    {
      "name": "Surface",
      "hex_code": "
          
          #1F233E
       "
    },
    {
      "name": "Primary",
      "hex_code": "
          
          #3F51B5
       "
    },
    {
      "name": "Secondary",
      "hex_code": "
          
          #FF4081
       "
    },
    {
      "name": "Error",
      "hex_code": "
          
          #F44336
       "
    },
    {
      "name": "On Background",
      "hex_code": "
          
          #FFFFFF
       "
    },
    {
      "name": "On Surface",
      "hex_code": "
          
          #E0E0E0
       "
    },
    {
      "name": "On Primary",
      "hex_code": "
          
          #FFFFFF
       "
    },
    {
      "name": "On Secondary",
      "hex_code": "
          
          #000000
       "
    },
    {
      "name": "On Error",
      "hex_code": "
          
          #FFFFFF
       "
    }
  ]
}

This palette provides a balanced combination of colors suitable for use across various UI elements while adhering to Material Design principles.

Would you like to explore more about how to use these colors in your design, or do you have any specific elements you want to focus on?