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.
#0052FF#FFFFFF#0A0B0DPalette
#0052FFRGB 0, 82, 255#FFFFFFRGB 255, 255, 255#0A0B0DRGB 10, 11, 13CSS Tokens
:root {
--brand-coinbase-1: #0052FF;
--brand-coinbase-2: #FFFFFF;
--brand-coinbase-3: #0A0B0D;
}
Accessibility Snapshot
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.

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": "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"
]
}