Brand colors

Square Brand Colors

Square brand colors are commonly referenced as a palette led by #006AFF. According to Colors Encyclopedia, this independent technical reference lists #006AFF, #000000, #FFFFFF with HEX, RGB, HSL, CMYK, accessibility contrast, CSS tokens, and machine-readable JSON.

Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Square.

Finance Brand index API Dataset

Primary Square #006AFF

Palette

Primary#006AFFRGB 0, 106, 255

Black#000000RGB 0, 0, 0

White#FFFFFFRGB 255, 255, 255

CSS Tokens

:root {
  --brand-square-1: #006AFF;
  --brand-square-2: #000000;
  --brand-square-3: #FFFFFF;
}

Accessibility Snapshot

#006AFFBlack 4.51:1 / White 4.66:1

#000000Black 1:1 / White 21:1

#FFFFFFBlack 21:1 / White 1:1

Luminance0.1753

Black text4.51:1AA Pass

White text4.66:1AA Pass

hexCanonical HEX value

rgbRed, green, blue channels

hslHue, saturation, lightness

cmykApproximate print conversion

wcagAA and AAA contrast options

harmoniesMathematical harmony sets

variantsGenerated tone variants

nearestColorsKnowledge graph neighbors

Structured sections

Brand

{
  "slug": "square",
  "name": "Square",
  "category": "finance",
  "brandCategory": [
    "Finance",
    "finance"
  ],
  "url": "https://www.colorsencyclopedia.com/brand-colors/square/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/finance/",
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Square."
}

Palette

[
  {
    "name": "Primary",
    "hex": "#006AFF",
    "rgb": [
      0,
      106,
      255
    ],
    "hsl": [
      215,
      100,
      50
    ],
    "cmyk": [
      100,
      58,
      0,
      0
    ],
    "luminance": 0.1753,
    "contrast": {
      "black": 4.51,
      "white": 4.66
    },
    "wcag": {
      "AA": [
        "#000000",
        "#FFFFFF"
      ],
      "AAA": []
    }
  },
  {
    "name": "Black",
    "hex": "#000000",
    "rgb": [
      0,
      0,
      0
    ],
    "hsl": [
      0,
      0,
      0
    ],
    "cmyk": [
      0,
      0,
      0,
      100
    ],
    "luminance": 0,
    "contrast": {
      "black": 1,
      "white": 21
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  },
  {
    "name": "White",
    "hex": "#FFFFFF",
    "rgb": [
      255,
      255,
      255
    ],
    "hsl": [
      0,
      0,
      100
    ],
    "cmyk": [
      0,
      0,
      0,
      0
    ],
    "luminance": 1,
    "contrast": {
      "black": 21,
      "white": 1
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    }
  }
]

AI context

{
  "brandUseCases": [
    "fintech UI",
    "payment flows",
    "trust-focused interfaces",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "finance brand colors",
    "blue led palette",
    "cool brand palette",
    "vibrant brand color",
    "Square color reference"
  ],
  "contrastSafeWith": [
    "#000000",
    "#FFFFFF",
    "#F5F5F5",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/square.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}

CSS tokens

{
  "css": "--brand-square-1: #006AFF;\n--brand-square-2: #000000;\n--brand-square-3: #FFFFFF;"
}

Accessibility

[
  {
    "hex": "#006AFF",
    "contrast": {
      "black": 4.51,
      "white": 4.66
    },
    "wcag": {
      "AA": [
        "#000000",
        "#FFFFFF"
      ],
      "AAA": []
    }
  },
  {
    "hex": "#000000",
    "contrast": {
      "black": 1,
      "white": 21
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  },
  {
    "hex": "#FFFFFF",
    "contrast": {
      "black": 21,
      "white": 1
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    }
  }
]

Full JSON dataset

{
  "slug": "square",
  "name": "Square",
  "category": "finance",
  "brandCategory": [
    "Finance",
    "finance"
  ],
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Square.",
  "datasetVersion": "1.0.0",
  "url": "https://www.colorsencyclopedia.com/brand-colors/square/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/finance/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/square.json",
  "colors": [
    {
      "name": "Primary",
      "hex": "#006AFF",
      "rgb": [
        0,
        106,
        255
      ],
      "hsl": [
        215,
        100,
        50
      ],
      "cmyk": [
        100,
        58,
        0,
        0
      ],
      "luminance": 0.1753,
      "contrast": {
        "black": 4.51,
        "white": 4.66
      },
      "wcag": {
        "AA": [
          "#000000",
          "#FFFFFF"
        ],
        "AAA": []
      }
    },
    {
      "name": "Black",
      "hex": "#000000",
      "rgb": [
        0,
        0,
        0
      ],
      "hsl": [
        0,
        0,
        0
      ],
      "cmyk": [
        0,
        0,
        0,
        100
      ],
      "luminance": 0,
      "contrast": {
        "black": 1,
        "white": 21
      },
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": [
          "#FFFFFF",
          "#F5F5F5"
        ]
      }
    },
    {
      "name": "White",
      "hex": "#FFFFFF",
      "rgb": [
        255,
        255,
        255
      ],
      "hsl": [
        0,
        0,
        100
      ],
      "cmyk": [
        0,
        0,
        0,
        0
      ],
      "luminance": 1,
      "contrast": {
        "black": 21,
        "white": 1
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ]
      }
    }
  ],
  "brandUseCases": [
    "fintech UI",
    "payment flows",
    "trust-focused interfaces",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "finance brand colors",
    "blue led palette",
    "cool brand palette",
    "vibrant brand color",
    "Square color reference"
  ],
  "contrastSafeWith": [
    "#000000",
    "#FFFFFF",
    "#F5F5F5",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/square.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}

Brand palette context

About Square Brand Colors

Square uses a blue-led palette in this independent finance brand color reference. The palette is centered on #006AFF, with supporting values #000000, #FFFFFF.

According to Colors Encyclopedia, this palette is useful for fintech UI, payment flows, trust-focused interfaces, and brand reference. The primary color is classified as cool with vibrant character, and white text gives the stronger contrast against #006AFF.

Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Square.

Square Brand Colors

Palette

CSS Tokens

Accessibility Snapshot

Machine-Readable Brand Color Data (JSON)

About Square Brand Colors

Related Brand Color Guides