For a background and text color scheme that complements the vibrant blue color #23a1f2 , here is a suggested palette:

json
{
  "palette_name": "Contrast Harmony",
  "colors": [
    {
      "name": "Sky Blue",
      "hex_code": "
                            
                            #23a1f2
                        "
    },
    {
      "name": "Charcoal Black",
      "hex_code": "
                            
                            #333333
                        "
    },
    {
      "name": "Light Gray",
      "hex_code": "
                            
                            #f5f5f5
                        "
    },
    {
      "name": "White",
      "hex_code": "
                            
                            #FFFFFF
                        "
    },
    {
      "name": "Soft Yellow",
      "hex_code": "
                            
                            #ffeb3b
                        "
    }
  ]
}

Palette Description:

The “Contrast Harmony” palette is designed to provide excellent readability and visual appeal for backgrounds and text. The Sky Blue serves as the primary color, while Charcoal Black offers a strong contrast for text, ensuring legibility. Light Gray can be used for softer backgrounds, while White provides a clean and crisp option. The addition of Soft Yellow can be used for highlights or accents, adding warmth to the overall design.

How do you plan to use these colors in your project?