Square
Square (a Block, Inc. brand) corporate palette. The brand identity is anchored on Square Black — the literal square mark — paired with the saturated Square Blue (#006AFF) used as the primary interactive color and merchant accent. The canvas leans light-first for the seller dashboard and marketing, with the black mark and blue CTAs reading as the signature elements.
11 swatches 14 light roles 14 dark roles
Swatches
square-blue
#006AFF
Primary brand blue — the Square interactive color, primary CTAs, and merchant accents.
square-blue-hover
#0058D6
Authored darker blue for hover/pressed states on the primary action.
square-black
#000000
The Square mark itself — solid black on light canvas. Also the wordmark color.
square-near-black
#1A1A1A
Authored dark canvas — slightly lifted from pure black for dark-mode comfort.
square-ink
#212121
Body text on light surfaces.
square-graphite
#4F4F4F
Secondary text on light backgrounds.
square-gray
#7B7B7B
Tertiary text and metadata.
square-divider
#E5E5E5
Authored hairline divider tone.
square-white
#FFFFFF
Canonical light canvas.
square-fog
#F7F7F7
Authored surface tone for cards and panels.
square-surface-dark
#2B2B2B
Authored elevated surface on dark mode.
Mode role mappings
Light mode (14 roles)
accent
→ square-blue accent-hover
→ square-blue-hover background
→ square-white error
→ square-black primary
→ square-blue primary-hover
→ square-blue-hover success
→ square-blue surface
→ square-fog surface-elevated
→ square-white text-primary
→ square-ink text-secondary
→ square-graphite text-tertiary
→ square-gray warning
→ square-blue-hover warning-hover
→ square-blue Dark mode (14 roles)
accent
→ square-blue accent-hover
→ square-blue-hover background
→ square-near-black error
→ square-white primary
→ square-blue primary-hover
→ square-blue-hover success
→ square-blue surface
→ square-surface-dark surface-elevated
→ square-surface-dark text-primary
→ square-white text-secondary
→ square-gray text-tertiary
→ square-graphite warning
→ square-blue-hover warning-hover
→ square-blue Provenance
- Source
- https://squareup.com/us/en/about/press
- License
Proprietary — All Rights Reserved- Attribution
- Block, Inc. / Square — Square, the Square wordmark, and the Square mark are registered trademarks of Block, Inc. The signature Square Blue (#006AFF) is documented across Square's press kit and visible in the deployed squareup.com marketing surfaces. The Square mark itself is rendered in solid black on light surfaces and reversed white on dark surfaces.
- Imported
-
2026-05-18 - Notes
- Square's parent company rebranded to Block, Inc. in 2021; the Square seller brand retained its mark, wordmark, and color system. The dark-mode role mapping is an authored inversion; light is the canonical Square surface.