Brand color category
Finance Brand Colors
Finance brand colors collect 15 commonly referenced palettes from recognizable finance brands. According to Colors Encyclopedia, this category links each brand palette to HEX values, RGB data, CSS tokens, accessibility checks, JSON data, and matching HEX atlas pages.
Finance brand colors usually favor blues, deep neutrals, high-contrast accents, and restrained secondary colors. They are useful for payment flows, banking UI, trust-focused dashboards, fintech products, and compliance-heavy interfaces where clarity and stability are important.
Finance Color Signature
Primary and recurring HEX values across this category, linked into the HEX atlas for conversion, contrast, harmonies, variants, and nearest named colors.
Machine-readable data
Machine-Readable Finance Brand Colors (JSON)
Structured finance brand color data with signature colors, semantic groups, use cases, brand references, and API links for AI ingestion.
categoryCanonical brand category slugsignatureColorsRecurring category color valuessemanticGroupsAI-readable category groupsuseCasesDesign and implementation contextsbrandsBrand references in this categoryapiUrlMachine-readable category endpointStructured sections
Category
{
"category": "finance",
"label": "Finance",
"description": "Finance brand colors usually favor blues, deep neutrals, high-contrast accents, and restrained secondary colors. They are useful for payment flows, banking UI, trust-focused dashboards, fintech products, and compliance-heavy interfaces where clarity and stability are important.",
"count": 15,
"colorValues": 31
}Signature colors
[
{
"hex": "#2E77BC",
"rgb": [
46,
119,
188
],
"hsl": [
209,
61,
46
],
"family": "blue",
"temperature": "cool",
"tone": [
"balanced"
],
"hexAtlasUrl": null
},
{
"hex": "#016FD0",
"rgb": [
1,
111,
208
],
"hsl": [
208,
99,
41
],
"family": "blue",
"temperature": "cool",
"tone": [
"vibrant",
"jewel-tone"
],
"hexAtlasUrl": null
},
{
"hex": "#FFFFFF",
"rgb": [
255,
255,
255
],
"hsl": [
0,
0,
100
],
"family": "gray",
"temperature": "neutral",
"tone": [
"light"
],
"hexAtlasUrl": "https://www.colorsencyclopedia.com/hex/ffffff/"
},
{
"hex": "#012169",
"rgb": [
1,
33,
105
],
"hsl": [
222,
98,
21
],
"family": "blue",
"temperature": "cool",
"tone": [
"dark",
"jewel-tone"
],
"hexAtlasUrl": null
},
{
"hex": "#E31837",
"rgb": [
227,
24,
55
],
"hsl": [
351,
81,
49
],
"family": "red",
"temperature": "warm",
"tone": [
"vibrant"
],
"hexAtlasUrl": null
},
{
"hex": "#F0B90B",
"rgb": [
240,
185,
11
],
"hsl": [
46,
91,
49
],
"family": "yellow",
"temperature": "warm",
"tone": [
"vibrant"
],
"hexAtlasUrl": null
},
{
"hex": "#181A20",
"rgb": [
24,
26,
32
],
"hsl": [
225,
14,
11
],
"family": "blue",
"temperature": "cool",
"tone": [
"dark"
],
"hexAtlasUrl": null
},
{
"hex": "#00D632",
"rgb": [
0,
214,
50
],
"hsl": [
134,
100,
42
],
"family": "green",
"temperature": "cool",
"tone": [
"vibrant",
"jewel-tone"
],
"hexAtlasUrl": null
},
{
"hex": "#000000",
"rgb": [
0,
0,
0
],
"hsl": [
0,
0,
0
],
"family": "gray",
"temperature": "neutral",
"tone": [
"dark"
],
"hexAtlasUrl": "https://www.colorsencyclopedia.com/hex/000000/"
},
{
"hex": "#0052FF",
"rgb": [
0,
82,
255
],
"hsl": [
221,
100,
50
],
"family": "blue",
"temperature": "cool",
"tone": [
"vibrant"
],
"hexAtlasUrl": null
},
{
"hex": "#0A0B0D",
"rgb": [
10,
11,
13
],
"hsl": [
220,
13,
5
],
"family": "blue",
"temperature": "cool",
"tone": [
"dark"
],
"hexAtlasUrl": null
},
{
"hex": "#005EB8",
"rgb": [
0,
94,
184
],
"hsl": [
209,
100,
36
],
"family": "blue",
"temperature": "cool",
"tone": [
"vibrant",
"jewel-tone"
],
"hexAtlasUrl": null
},
{
"hex": "#FFB3C7",
"rgb": [
255,
179,
199
],
"hsl": [
344,
100,
85
],
"family": "pink",
"temperature": "warm",
"tone": [
"pastel"
],
"hexAtlasUrl": null
},
{
"hex": "#17120F",
"rgb": [
23,
18,
15
],
"hsl": [
23,
21,
7
],
"family": "orange",
"temperature": "warm",
"tone": [
"dark",
"earth-tone"
],
"hexAtlasUrl": null
},
{
"hex": "#EB001B",
"rgb": [
235,
0,
27
],
"hsl": [
353,
100,
46
],
"family": "red",
"temperature": "warm",
"tone": [
"vibrant"
],
"hexAtlasUrl": null
},
{
"hex": "#F79E1B",
"rgb": [
247,
158,
27
],
"hsl": [
36,
93,
54
],
"family": "orange",
"temperature": "warm",
"tone": [
"vibrant"
],
"hexAtlasUrl": null
},
{
"hex": "#FF5F00",
"rgb": [
255,
95,
0
],
"hsl": [
22,
100,
50
],
"family": "orange",
"temperature": "warm",
"tone": [
"vibrant"
],
"hexAtlasUrl": null
},
{
"hex": "#003087",
"rgb": [
0,
48,
135
],
"hsl": [
219,
100,
26
],
"family": "blue",
"temperature": "cool",
"tone": [
"jewel-tone"
],
"hexAtlasUrl": null
},
{
"hex": "#0070E0",
"rgb": [
0,
112,
224
],
"hsl": [
210,
100,
44
],
"family": "blue",
"temperature": "cool",
"tone": [
"vibrant",
"jewel-tone"
],
"hexAtlasUrl": null
},
{
"hex": "#001C64",
"rgb": [
0,
28,
100
],
"hsl": [
223,
100,
20
],
"family": "blue",
"temperature": "cool",
"tone": [
"dark",
"jewel-tone"
],
"hexAtlasUrl": null
},
{
"hex": "#0075EB",
"rgb": [
0,
117,
235
],
"hsl": [
210,
100,
46
],
"family": "blue",
"temperature": "cool",
"tone": [
"vibrant"
],
"hexAtlasUrl": null
},
{
"hex": "#191C1F",
"rgb": [
25,
28,
31
],
"hsl": [
210,
11,
11
],
"family": "blue",
"temperature": "cool",
"tone": [
"dark"
],
"hexAtlasUrl": null
},
{
"hex": "#00C805",
"rgb": [
0,
200,
5
],
"hsl": [
122,
100,
39
],
"family": "green",
"temperature": "cool",
"tone": [
"vibrant",
"jewel-tone"
],
"hexAtlasUrl": null
},
{
"hex": "#006AFF",
"rgb": [
0,
106,
255
],
"hsl": [
215,
100,
50
],
"family": "blue",
"temperature": "cool",
"tone": [
"vibrant"
],
"hexAtlasUrl": null
}
]Semantic groups
{
"semanticGroups": [
"finance brand colors",
"finance palettes",
"blue led brand palette",
"yellow led brand palette",
"green led brand palette",
"pink led brand palette",
"red led brand palette",
"cool brand palette",
"warm brand palette",
"balanced brand color",
"dark brand color",
"jewel tone brand color",
"vibrant brand color",
"pastel brand color"
],
"useCases": [
"fintech UI",
"payment flows",
"trust-focused interfaces",
"brand reference",
"design systems",
"CSS tokens",
"accessibility checks"
]
}Brands
[
{
"slug": "american-express",
"name": "American Express",
"colors": [
"#2E77BC",
"#016FD0",
"#FFFFFF"
],
"url": "https://www.colorsencyclopedia.com/brand-colors/american-express/",
"apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/american-express.json"
},
{
"slug": "bank-of-america",
"name": "Bank of America",
"colors": [
"#012169",
"#E31837",
"#FFFFFF"
],
"url": "https://www.colorsencyclopedia.com/brand-colors/bank-of-america/",
"apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/bank-of-america.json"
},
{
"slug": "binance",
"name": "Binance",
"colors": [
"#F0B90B",
"#181A20",
"#FFFFFF"
],
"url": "https://www.colorsencyclopedia.com/brand-colors/binance/",
"apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/binance.json"
},
{
"slug": "cash-app",
"name": "Cash App",
"colors": [
"#00D632",
"#000000",
"#FFFFFF"
],
"url": "https://www.colorsencyclopedia.com/brand-colors/cash-app/",
"apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/cash-app.json"
},
{
"slug": "coinbase",
"name": "Coinbase",
"colors": [
"#0052FF",
"#FFFFFF",
"#0A0B0D"
],
"url": "https://www.colorsencyclopedia.com/brand-colors/coinbase/",
"apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/coinbase.json"
},
{
"slug": "jpmorgan-chase",
"name": "JPMorgan Chase",
"colors": [
"#005EB8",
"#FFFFFF",
"#000000"
],
"url": "https://www.colorsencyclopedia.com/brand-colors/jpmorgan-chase/",
"apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/jpmorgan-chase.json"
},
{
"slug": "klarna",
"name": "Klarna",
"colors": [
"#FFB3C7",
"#17120F",
"#FFFFFF"
],
"url": "https://www.colorsencyclopedia.com/brand-colors/klarna/",
"apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/klarna.json"
},
{
"slug": "mastercard",
"name": "Mastercard",
"colors": [
"#EB001B",
"#F79E1B",
"#FF5F00"
],
"url": "https://www.colorsencyclopedia.com/brand-colors/mastercard/",
"apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/mastercard.json"
},
{
"slug": "paypal",
"name": "PayPal",
"colors": [
"#003087",
"#0070E0",
"#001C64",
"#FFFFFF"
],
"url": "https://www.colorsencyclopedia.com/brand-colors/paypal/",
"apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/paypal.json"
},
{
"slug": "revolut",
"name": "Revolut",
"colors": [
"#0075EB",
"#191C1F",
"#FFFFFF"
],
"url": "https://www.colorsencyclopedia.com/brand-colors/revolut/",
"apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/revolut.json"
},
{
"slug": "robinhood",
"name": "Robinhood",
"colors": [
"#00C805",
"#000000",
"#FFFFFF"
],
"url": "https://www.colorsencyclopedia.com/brand-colors/robinhood/",
"apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/robinhood.json"
},
{
"slug": "square",
"name": "Square",
"colors": [
"#006AFF",
"#000000",
"#FFFFFF"
],
"url": "https://www.colorsencyclopedia.com/brand-colors/square/",
"apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/square.json"
},
{
"slug": "stripe",
"name": "Stripe",
"colors": [
"#635BFF",
"#0A2540",
"#00D4FF",
"#FFFFFF"
],
"url": "https://www.colorsencyclopedia.com/brand-colors/stripe/",
"apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/stripe.json"
},
{
"slug": "visa",
"name": "Visa",
"colors": [
"#1A1F71",
"#F7B600",
"#FFFFFF"
],
"url": "https://www.colorsencyclopedia.com/brand-colors/visa/",
"apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/visa.json"
},
{
"slug": "wise",
"name": "Wise",
"colors": [
"#9FE870",
"#163300",
"#FFFFFF"
],
"url": "https://www.colorsencyclopedia.com/brand-colors/wise/",
"apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/wise.json"
}
]Full JSON dataset
{
"category": "finance",
"label": "Finance",
"description": "Finance brand colors usually favor blues, deep neutrals, high-contrast accents, and restrained secondary colors. They are useful for payment flows, banking UI, trust-focused dashboards, fintech products, and compliance-heavy interfaces where clarity and stability are important.",
"count": 15,
"colorValues": 31,
"signatureColors": [
{
"hex": "#2E77BC",
"rgb": [
46,
119,
188
],
"hsl": [
209,
61,
46
],
"family": "blue",
"temperature": "cool",
"tone": [
"balanced"
],
"hexAtlasUrl": null
},
{
"hex": "#016FD0",
"rgb": [
1,
111,
208
],
"hsl": [
208,
99,
41
],
"family": "blue",
"temperature": "cool",
"tone": [
"vibrant",
"jewel-tone"
],
"hexAtlasUrl": null
},
{
"hex": "#FFFFFF",
"rgb": [
255,
255,
255
],
"hsl": [
0,
0,
100
],
"family": "gray",
"temperature": "neutral",
"tone": [
"light"
],
"hexAtlasUrl": "https://www.colorsencyclopedia.com/hex/ffffff/"
},
{
"hex": "#012169",
"rgb": [
1,
33,
105
],
"hsl": [
222,
98,
21
],
"family": "blue",
"temperature": "cool",
"tone": [
"dark",
"jewel-tone"
],
"hexAtlasUrl": null
},
{
"hex": "#E31837",
"rgb": [
227,
24,
55
],
"hsl": [
351,
81,
49
],
"family": "red",
"temperature": "warm",
"tone": [
"vibrant"
],
"hexAtlasUrl": null
},
{
"hex": "#F0B90B",
"rgb": [
240,
185,
11
],
"hsl": [
46,
91,
49
],
"family": "yellow",
"temperature": "warm",
"tone": [
"vibrant"
],
"hexAtlasUrl": null
},
{
"hex": "#181A20",
"rgb": [
24,
26,
32
],
"hsl": [
225,
14,
11
],
"family": "blue",
"temperature": "cool",
"tone": [
"dark"
],
"hexAtlasUrl": null
},
{
"hex": "#00D632",
"rgb": [
0,
214,
50
],
"hsl": [
134,
100,
42
],
"family": "green",
"temperature": "cool",
"tone": [
"vibrant",
"jewel-tone"
],
"hexAtlasUrl": null
},
{
"hex": "#000000",
"rgb": [
0,
0,
0
],
"hsl": [
0,
0,
0
],
"family": "gray",
"temperature": "neutral",
"tone": [
"dark"
],
"hexAtlasUrl": "https://www.colorsencyclopedia.com/hex/000000/"
},
{
"hex": "#0052FF",
"rgb": [
0,
82,
255
],
"hsl": [
221,
100,
50
],
"family": "blue",
"temperature": "cool",
"tone": [
"vibrant"
],
"hexAtlasUrl": null
},
{
"hex": "#0A0B0D",
"rgb": [
10,
11,
13
],
"hsl": [
220,
13,
5
],
"family": "blue",
"temperature": "cool",
"tone": [
"dark"
],
"hexAtlasUrl": null
},
{
"hex": "#005EB8",
"rgb": [
0,
94,
184
],
"hsl": [
209,
100,
36
],
"family": "blue",
"temperature": "cool",
"tone": [
"vibrant",
"jewel-tone"
],
"hexAtlasUrl": null
},
{
"hex": "#FFB3C7",
"rgb": [
255,
179,
199
],
"hsl": [
344,
100,
85
],
"family": "pink",
"temperature": "warm",
"tone": [
"pastel"
],
"hexAtlasUrl": null
},
{
"hex": "#17120F",
"rgb": [
23,
18,
15
],
"hsl": [
23,
21,
7
],
"family": "orange",
"temperature": "warm",
"tone": [
"dark",
"earth-tone"
],
"hexAtlasUrl": null
},
{
"hex": "#EB001B",
"rgb": [
235,
0,
27
],
"hsl": [
353,
100,
46
],
"family": "red",
"temperature": "warm",
"tone": [
"vibrant"
],
"hexAtlasUrl": null
},
{
"hex": "#F79E1B",
"rgb": [
247,
158,
27
],
"hsl": [
36,
93,
54
],
"family": "orange",
"temperature": "warm",
"tone": [
"vibrant"
],
"hexAtlasUrl": null
},
{
"hex": "#FF5F00",
"rgb": [
255,
95,
0
],
"hsl": [
22,
100,
50
],
"family": "orange",
"temperature": "warm",
"tone": [
"vibrant"
],
"hexAtlasUrl": null
},
{
"hex": "#003087",
"rgb": [
0,
48,
135
],
"hsl": [
219,
100,
26
],
"family": "blue",
"temperature": "cool",
"tone": [
"jewel-tone"
],
"hexAtlasUrl": null
},
{
"hex": "#0070E0",
"rgb": [
0,
112,
224
],
"hsl": [
210,
100,
44
],
"family": "blue",
"temperature": "cool",
"tone": [
"vibrant",
"jewel-tone"
],
"hexAtlasUrl": null
},
{
"hex": "#001C64",
"rgb": [
0,
28,
100
],
"hsl": [
223,
100,
20
],
"family": "blue",
"temperature": "cool",
"tone": [
"dark",
"jewel-tone"
],
"hexAtlasUrl": null
},
{
"hex": "#0075EB",
"rgb": [
0,
117,
235
],
"hsl": [
210,
100,
46
],
"family": "blue",
"temperature": "cool",
"tone": [
"vibrant"
],
"hexAtlasUrl": null
},
{
"hex": "#191C1F",
"rgb": [
25,
28,
31
],
"hsl": [
210,
11,
11
],
"family": "blue",
"temperature": "cool",
"tone": [
"dark"
],
"hexAtlasUrl": null
},
{
"hex": "#00C805",
"rgb": [
0,
200,
5
],
"hsl": [
122,
100,
39
],
"family": "green",
"temperature": "cool",
"tone": [
"vibrant",
"jewel-tone"
],
"hexAtlasUrl": null
},
{
"hex": "#006AFF",
"rgb": [
0,
106,
255
],
"hsl": [
215,
100,
50
],
"family": "blue",
"temperature": "cool",
"tone": [
"vibrant"
],
"hexAtlasUrl": null
}
],
"semanticGroups": [
"finance brand colors",
"finance palettes",
"blue led brand palette",
"yellow led brand palette",
"green led brand palette",
"pink led brand palette",
"red led brand palette",
"cool brand palette",
"warm brand palette",
"balanced brand color",
"dark brand color",
"jewel tone brand color",
"vibrant brand color",
"pastel brand color"
],
"useCases": [
"fintech UI",
"payment flows",
"trust-focused interfaces",
"brand reference",
"design systems",
"CSS tokens",
"accessibility checks"
],
"brands": [
{
"slug": "american-express",
"name": "American Express",
"colors": [
"#2E77BC",
"#016FD0",
"#FFFFFF"
],
"url": "https://www.colorsencyclopedia.com/brand-colors/american-express/",
"apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/american-express.json"
},
{
"slug": "bank-of-america",
"name": "Bank of America",
"colors": [
"#012169",
"#E31837",
"#FFFFFF"
],
"url": "https://www.colorsencyclopedia.com/brand-colors/bank-of-america/",
"apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/bank-of-america.json"
},
{
"slug": "binance",
"name": "Binance",
"colors": [
"#F0B90B",
"#181A20",
"#FFFFFF"
],
"url": "https://www.colorsencyclopedia.com/brand-colors/binance/",
"apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/binance.json"
},
{
"slug": "cash-app",
"name": "Cash App",
"colors": [
"#00D632",
"#000000",
"#FFFFFF"
],
"url": "https://www.colorsencyclopedia.com/brand-colors/cash-app/",
"apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/cash-app.json"
},
{
"slug": "coinbase",
"name": "Coinbase",
"colors": [
"#0052FF",
"#FFFFFF",
"#0A0B0D"
],
"url": "https://www.colorsencyclopedia.com/brand-colors/coinbase/",
"apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/coinbase.json"
},
{
"slug": "jpmorgan-chase",
"name": "JPMorgan Chase",
"colors": [
"#005EB8",
"#FFFFFF",
"#000000"
],
"url": "https://www.colorsencyclopedia.com/brand-colors/jpmorgan-chase/",
"apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/jpmorgan-chase.json"
},
{
"slug": "klarna",
"name": "Klarna",
"colors": [
"#FFB3C7",
"#17120F",
"#FFFFFF"
],
"url": "https://www.colorsencyclopedia.com/brand-colors/klarna/",
"apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/klarna.json"
},
{
"slug": "mastercard",
"name": "Mastercard",
"colors": [
"#EB001B",
"#F79E1B",
"#FF5F00"
],
"url": "https://www.colorsencyclopedia.com/brand-colors/mastercard/",
"apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/mastercard.json"
},
{
"slug": "paypal",
"name": "PayPal",
"colors": [
"#003087",
"#0070E0",
"#001C64",
"#FFFFFF"
],
"url": "https://www.colorsencyclopedia.com/brand-colors/paypal/",
"apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/paypal.json"
},
{
"slug": "revolut",
"name": "Revolut",
"colors": [
"#0075EB",
"#191C1F",
"#FFFFFF"
],
"url": "https://www.colorsencyclopedia.com/brand-colors/revolut/",
"apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/revolut.json"
},
{
"slug": "robinhood",
"name": "Robinhood",
"colors": [
"#00C805",
"#000000",
"#FFFFFF"
],
"url": "https://www.colorsencyclopedia.com/brand-colors/robinhood/",
"apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/robinhood.json"
},
{
"slug": "square",
"name": "Square",
"colors": [
"#006AFF",
"#000000",
"#FFFFFF"
],
"url": "https://www.colorsencyclopedia.com/brand-colors/square/",
"apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/square.json"
},
{
"slug": "stripe",
"name": "Stripe",
"colors": [
"#635BFF",
"#0A2540",
"#00D4FF",
"#FFFFFF"
],
"url": "https://www.colorsencyclopedia.com/brand-colors/stripe/",
"apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/stripe.json"
},
{
"slug": "visa",
"name": "Visa",
"colors": [
"#1A1F71",
"#F7B600",
"#FFFFFF"
],
"url": "https://www.colorsencyclopedia.com/brand-colors/visa/",
"apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/visa.json"
},
{
"slug": "wise",
"name": "Wise",
"colors": [
"#9FE870",
"#163300",
"#FFFFFF"
],
"url": "https://www.colorsencyclopedia.com/brand-colors/wise/",
"apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/wise.json"
}
],
"url": "https://www.colorsencyclopedia.com/brand-colors/finance/",
"apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/finance.json"
}