Brand colors
Square Brand Colors
Square palette: #006AFF, #000000, #FFFFFF. Compare HEX/RGB, WCAG contrast and CSS tokens; open independent JSON data.
Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Square.
#006AFF#000000#FFFFFFPalette
#006AFFRGB 0, 106, 255#000000RGB 0, 0, 0#FFFFFFRGB 255, 255, 255CSS Tokens
:root {
--brand-square-1: #006AFF;
--brand-square-2: #000000;
--brand-square-3: #FFFFFF;
}
Accessibility Snapshot
Brand palette context
About Square Brand Colors
Square is represented here by the commonly referenced values #006AFF, #000000, and #FFFFFF in this independent finance brand color reference. The palette includes Blue and Gray color families, with no undocumented primary, secondary, or accent roles assigned.
Across 3 listed values, #000000 is darkest at luminance 0 and #FFFFFF is lightest at 1. Black gives the stronger standard-text contrast on 1 value, while white is stronger on 2; each pairing remains documented separately in the accessibility snapshot.
Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Square.
Downloadable brand colors infographic
Square Brand Colors Infographic
Save an independent infographic of the commonly referenced Square HEX palette and its accessibility guidance. No logo or proprietary artwork is included.

Machine-readable data
Machine-Readable Brand Color Data (JSON)
Structured brand palette data for design systems, references, automations, and AI ingestion.
hexCanonical HEX valuergbRed, green, blue channelshslHue, saturation, lightnesscmykApproximate print conversionwcagAA and AAA contrast optionsharmoniesMathematical harmony setsvariantsGenerated tone variantsnearestColorsKnowledge graph neighborsStructured 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": "Palette color 1",
"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 brand palette",
"gray brand palette",
"cool brand palette",
"neutral brand palette",
"vibrant brand color",
"dark brand color",
"light 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": "Palette color 1",
"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 brand palette",
"gray brand palette",
"cool brand palette",
"neutral brand palette",
"vibrant brand color",
"dark brand color",
"light 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"
]
}