Brand color category
Finance Brand Colors
Finance brand colors: compare 15 independent palettes with HEX/RGB values, WCAG contrast, CSS tokens, related colors and JSON.
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.
Complete Finance Brand Index
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 brand palette",
"gray brand palette",
"red brand palette",
"yellow brand palette",
"green brand palette",
"pink brand palette",
"cool brand palette",
"neutral brand palette",
"warm brand palette",
"balanced brand color",
"vibrant brand color",
"jewel tone brand color",
"light brand color",
"dark 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 brand palette",
"gray brand palette",
"red brand palette",
"yellow brand palette",
"green brand palette",
"pink brand palette",
"cool brand palette",
"neutral brand palette",
"warm brand palette",
"balanced brand color",
"vibrant brand color",
"jewel tone brand color",
"light brand color",
"dark 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"
}