Here are five different color palette options based on your main colors #1c64fb (vibrant blue) and #0bdb98 (bright teal). Each palette includes complementary, contrasting, and neutral colors to create a visually appealing design for your website.

Palette Option 1

json
{
  "palette_name": "Bright Blue and Teal",
  "colors": [
    {
      "name": "Vibrant Blue",
      "hex_code": "
          
          #1c64fb
       "
    },
    {
      "name": "Bright Teal",
      "hex_code": "
          
          #0bdb98
       "
    },
    {
      "name": "Soft White",
      "hex_code": "
          
          #ffffff
       "
    },
    {
      "name": "Deep Navy",
      "hex_code": "
          
          #003366
       "
    },
    {
      "name": "Light Gray",
      "hex_code": "
          
          #f0f0f0
       "
    }
  ]
}

Palette Option 2

json
{
  "palette_name": "Ocean Breeze",
  "colors": [
    {
      "name": "Vibrant Blue",
      "hex_code": "
          
          #1c64fb
       "
    },
    {
      "name": "Bright Teal",
      "hex_code": "
          
          #0bdb98
       "
    },
    {
      "name": "Coral Red",
      "hex_code": "
          
          #ff4f4f
       "
    },
    {
      "name": "Midnight Blue",
      "hex_code": "
          
          #191970
       "
    },
    {
      "name": "Soft Cream",
      "hex_code": "
          
          #fff8e1
       "
    }
  ]
}

Palette Option 3

json
{
  "palette_name": "Fresh and Modern",
  "colors": [
    {
      "name": "Vibrant Blue",
      "hex_code": "
          
          #1c64fb
       "
    },
    {
      "name": "Bright Teal",
      "hex_code": "
          
          #0bdb98
       "
    },
    {
      "name": "Charcoal Gray",
      "hex_code": "
          
          #333333
       "
    },
    {
      "name": "Pastel Yellow",
      "hex_code": "
          
          #ffec40
       "
    },
    {
      "name": "Light Beige",
      "hex_code": "
          
          #f5f5dc
       "
    }
  ]
}

Palette Option 4

json
{
  "palette_name": "Tech Vibes",
  "colors": [
    {
      "name": "Vibrant Blue",
      "hex_code": "
          
          #1c64fb
       "
    },
    {
      "name": "Bright Teal",
      "hex_code": "
          
          #0bdb98
       "
    },
    {
      "name": "Steel Gray",
      "hex_code": "
          
          #7b7b7b
       "
    },
    {
      "name": "Electric Purple",
      "hex_code": "
          
          #6f2c91
       "
    },
    {
      "name": "Pure White",
      "hex_code": "
          
          #ffffff
       "
    }
  ]
}

Palette Option 5

json
{
  "palette_name": "Nature Inspired",
  "colors": [
    {
      "name": "Vibrant Blue",
      "hex_code": "
          
          #1c64fb
       "
    },
    {
      "name": "Bright Teal",
      "hex_code": "
          
          #0bdb98
       "
    },
    {
      "name": "Earthy Brown",
      "hex_code": "
          
          #8B4513
       "
    },
    {
      "name": "Sky Blue",
      "hex_code": "
          
          #87CEEB
       "
    },
    {
      "name": "Off White",
      "hex_code": "
          
          #f8f8f8
       "
    }
  ]
}

Palette Descriptions:

1. Bright Blue and Teal: A classic combination with a modern twist, perfect for web designs focusing on clarity and engagement.
2. Ocean Breeze: Incorporates warm coral tones for a lively and inviting feel.
3. Fresh and Modern: Balances vibrant colors with neutral tones for a clean aesthetic.
4. Tech Vibes: Utilizes a darker gray and a pop of purple for a tech-savvy look.
5. Nature Inspired: Combines earthy tones for a more organic and grounded design.

Would you like any specific recommendations on how to effectively use these palettes on your website?