Brand colors

Coinbase Brand Colors

Coinbase palette: #0052FF, #FFFFFF, #0A0B0D. 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 Coinbase.

Commonly referenced palette Coinbase
#0052FF#FFFFFF#0A0B0D
Listed without an implied color hierarchy

Palette

Palette color 1#0052FFRGB 0, 82, 255
White#FFFFFFRGB 255, 255, 255
Palette color 3#0A0B0DRGB 10, 11, 13

CSS Tokens

:root {
  --brand-coinbase-1: #0052FF;
  --brand-coinbase-2: #FFFFFF;
  --brand-coinbase-3: #0A0B0D;
}

Accessibility Snapshot

#0052FFBlack 3.65:1 / White 5.75:1
#FFFFFFBlack 21:1 / White 1:1
#0A0B0DBlack 1.07:1 / White 19.7:1

Brand palette context · Editorially reviewed

About Coinbase Brand Colors

Coinbase’s public-facing palette is anchored by a saturated blue, white, and near-black. Its official press resources provide separate logo assets for light and dark backgrounds and explicitly prohibit rotating, altering, recoloring, or adding effects to the artwork. This makes the numeric palette useful for analysis, but not a recipe for recreating the mark.

Coinbase’s design system distinguishes raw spectrum values from semantic tokens that adapt to light and dark themes. Its accessibility guidance targets WCAG 2.1 AA, including 4.5:1 for text and 3:1 for non-text controls. Designers studying this palette should therefore preserve the strong blue-neutral hierarchy while selecting interface colors through semantic roles and measured contrast, not brand recognition alone.

This independent reference is not a Coinbase asset package, product interface specification, endorsement, or trademark license.

Downloadable brand colors infographic

Coinbase Brand Colors Infographic

Save an independent infographic of the commonly referenced Coinbase HEX palette and its accessibility guidance. No logo or proprietary artwork is included.

1200 × 800
Coinbase brand colors infographic showing its commonly referenced HEX palette and accessibility guidance for every listed color without assigning a color hierarchy.
Coinbase brand colors infographic. Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Coinbase.

Machine-readable data

Machine-Readable Brand Color Data (JSON)

Structured brand palette data for design systems, references, automations, and AI ingestion.

AI-Ready Dataset v1.0.0
Luminance0.1325
Black text3.65:1AA Fail
White text5.75: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
Download JSON Open API
Structured sections
Brand
{
  "slug": "coinbase",
  "name": "Coinbase",
  "category": "finance",
  "brandCategory": [
    "Finance",
    "finance"
  ],
  "url": "https://www.colorsencyclopedia.com/brand-colors/coinbase/",
  "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 Coinbase."
}
Palette
[
  {
    "name": "Palette color 1",
    "hex": "#0052FF",
    "rgb": [
      0,
      82,
      255
    ],
    "hsl": [
      221,
      100,
      50
    ],
    "cmyk": [
      100,
      68,
      0,
      0
    ],
    "luminance": 0.1325,
    "contrast": {
      "black": 3.65,
      "white": 5.75
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": []
    }
  },
  {
    "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"
      ]
    }
  },
  {
    "name": "Palette color 3",
    "hex": "#0A0B0D",
    "rgb": [
      10,
      11,
      13
    ],
    "hsl": [
      220,
      13,
      5
    ],
    "cmyk": [
      23,
      15,
      0,
      95
    ],
    "luminance": 0.0033,
    "contrast": {
      "black": 1.07,
      "white": 19.7
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  }
]
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",
    "light brand color",
    "dark brand color",
    "Coinbase color reference"
  ],
  "contrastSafeWith": [
    "#FFFFFF",
    "#F5F5F5",
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/coinbase.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}
CSS tokens
{
  "css": "--brand-coinbase-1: #0052FF;\n--brand-coinbase-2: #FFFFFF;\n--brand-coinbase-3: #0A0B0D;"
}
Accessibility
[
  {
    "hex": "#0052FF",
    "contrast": {
      "black": 3.65,
      "white": 5.75
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": []
    }
  },
  {
    "hex": "#FFFFFF",
    "contrast": {
      "black": 21,
      "white": 1
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    }
  },
  {
    "hex": "#0A0B0D",
    "contrast": {
      "black": 1.07,
      "white": 19.7
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  }
]
Full JSON dataset
{
  "slug": "coinbase",
  "name": "Coinbase",
  "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 Coinbase.",
  "datasetVersion": "1.0.0",
  "url": "https://www.colorsencyclopedia.com/brand-colors/coinbase/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/finance/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/coinbase.json",
  "colors": [
    {
      "name": "Palette color 1",
      "hex": "#0052FF",
      "rgb": [
        0,
        82,
        255
      ],
      "hsl": [
        221,
        100,
        50
      ],
      "cmyk": [
        100,
        68,
        0,
        0
      ],
      "luminance": 0.1325,
      "contrast": {
        "black": 3.65,
        "white": 5.75
      },
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": []
      }
    },
    {
      "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"
        ]
      }
    },
    {
      "name": "Palette color 3",
      "hex": "#0A0B0D",
      "rgb": [
        10,
        11,
        13
      ],
      "hsl": [
        220,
        13,
        5
      ],
      "cmyk": [
        23,
        15,
        0,
        95
      ],
      "luminance": 0.0033,
      "contrast": {
        "black": 1.07,
        "white": 19.7
      },
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": [
          "#FFFFFF",
          "#F5F5F5"
        ]
      }
    }
  ],
  "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",
    "light brand color",
    "dark brand color",
    "Coinbase color reference"
  ],
  "contrastSafeWith": [
    "#FFFFFF",
    "#F5F5F5",
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/coinbase.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}