Sure! Here’s an extended color palette that complements your primary color #171f53 , including additional shades and tones:

json
{
  "palette_name": "Extended Thingsboard Dashboard Palette",
  "colors": [
    {
      "name": "Deep Navy",
      "hex_code": "
                            
                            #171f53
                        "
    },
    {
      "name": "Sky Blue",
      "hex_code": "
                            
                            #4A90E2
                        "
    },
    {
      "name": "Soft Gray",
      "hex_code": "
                            
                            #D0D3D4
                        "
    },
    {
      "name": "Electric Green",
      "hex_code": "
                            
                            #39B54A
                        "
    },
    {
      "name": "Bright Coral",
      "hex_code": "
                            
                            #FF6F61
                        "
    },
    {
      "name": "Muted Teal",
      "hex_code": "
                            
                            #007A8C
                        "
    },
    {
      "name": "Warm Beige",
      "hex_code": "
                            
                            #F5E2C8
                        "
    },
    {
      "name": "Rich Purple",
      "hex_code": "
                            
                            #6A5B8A
                        "
    },
    {
      "name": "Sunshine Yellow",
      "hex_code": "
                            
                            #F4C300
                        "
    },
    {
      "name": "Charcoal Black",
      "hex_code": "
                            
                            #333333
                        "
    }
  ]
}

Extended Palette Description:

• Deep Navy: Your primary color, suitable for navigation bars or backgrounds.
• Sky Blue: Ideal for buttons and links, drawing attention without overwhelming.
• Soft Gray: Great for borders, backgrounds, or subtle text, enhancing overall readability.
• Electric Green: Perfect for success messages or call-to-action buttons, adds vibrancy.
• Bright Coral: Use for alerts and notifications, creating a sense of urgency.
• Muted Teal: A sophisticated color for secondary buttons or informational sections.
• Warm Beige: Softens the interface, excellent for backgrounds and card designs.
• Rich Purple: Adds depth, can be used for headers or highlights.
• Sunshine Yellow: Energizes the palette, useful for warnings or important highlights.
• Charcoal Black: Strong contrast for text, ensuring legibility against lighter backgrounds.

Would you like ideas on where to apply these colors in your dashboard design?