Binance color palette
FinanceBinance's color identity is defined by its distinctive yellow, paired with deep grays and black for a bold, high-contrast look. The palette is designed for clarity, trust, and strong brand recognition in the finance and crypto sector.
binance.comBinance colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Binance YellowPrimary240, 185, 11
- Binance BlackSecondary24, 26, 32
- Binance Light YellowAccent248, 211, 58
Surfaces
Page, cards and dividers.- Binance BlackBackground24, 26, 32
- Binance Dark GraySurface35, 38, 47
- Binance Border GrayBorder43, 49, 57
Text
Three tiers of copy.- Binance WhiteText234, 236, 239
- Binance Light GraySecondary text183, 189, 198
- Binance Muted GrayMuted text132, 142, 156
Semantic
Feedback and state colors.- Binance GreenSuccess14, 203, 129
- Binance YellowWarning240, 185, 11
- Binance RedError246, 70, 93
- Binance BlueInfo30, 145, 255
Use Binance's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
binance-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1E91FF;
--error: #F6465D;
--accent: #F8D33A;
--border: #2B3139;
--primary: #F0B90B;
--success: #0ECB81;
--surface: #23262F;
--warning: #F0B90B;
--secondary: #181A20;
--text-muted: #848E9C;
--background: #181A20;
--text-primary: #EAECEF;
--text-secondary: #B7BDC6;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
14.7:1
Pass
Text on surface
Needs 4.5:1 for body text
12.8:1
Pass
Secondary text on background
Needs 4.5:1 for body text
9.2:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
8.0:1
Pass
Muted text on background
Needs 3:1 for large text
5.2:1
Pass
Muted text on surface
Needs 3:1 for large text
4.6:1
Pass
Binance gray, dark and neutral colors
Binance runs a dark interface, so these grays carry the layout: background, sidebar surfaces, dividers and three tiers of text. Click a value to copy it.
- Binance BlackBackground
- HEX
- RGB
- HSL
- Binance Dark GraySurface
- HEX
- RGB
- HSL
- Binance Border GrayBorder
- HEX
- RGB
- HSL
- Binance WhiteText
- HEX
- RGB
- HSL
- Binance Light GraySecondary text
- HEX
- RGB
- HSL
- Binance Muted GrayMuted text
- HEX
- RGB
- HSL
About Binance's colors
Binance's palette uses a vibrant yellow for instant recognition, contrasted with deep blacks and grays for a modern, tech-forward look. The colors support clarity and accessibility across digital platforms.
Primary yellow is paired with black for high contrast.
Accent yellow highlights key actions and elements.
Grays provide structure and depth in the UI.
Psychology
Yellow conveys optimism, innovation, and energy, aligning with Binance's role in the fast-moving crypto space. The dark neutrals evoke security, professionalism, and trust.
Evolution
Binance's color palette has remained consistent since its launch, maintaining the signature yellow and black combination. Minor adjustments to gray tones and accent colors have improved accessibility and UI clarity.
Where Binance uses each color
- Primary
Binance Yellow is used for the logo, primary buttons, and key highlights across the website and app.
- Secondary
Binance Black forms the main backgrounds, navigation bars, and modal overlays.
- Accent
Binance Light Yellow is used for hover states, highlights, and subtle UI accents.
- Backgrounds
Deep black and dark gray backgrounds dominate dashboards, trading screens, and landing pages.
- Text
White and light gray text colors are used for primary and secondary information, ensuring readability on dark surfaces.
- Semantic
Green, red, and blue are used for success, error, and informational messages in trading and notification contexts.
Binance color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Binance primary color hex code is #F0B90B. This yellow is used for the logo and key brand elements.
Binance Yellow (#F0B90B) in RGB is (240, 185, 11). In CMYK, it is approximately (0, 23, 95, 6).
Binance uses #181A20 (Binance Black), #23262F (Binance Dark Gray), and #2B3139 (Binance Border Gray) for backgrounds and UI structure. These neutrals are essential for the brand's high-contrast design.
Use #F0B90B for primary actions and highlights, with dark backgrounds (#181A20) and white or light gray text (#EAECEF, #B7BDC6) for readability. Accent and semantic colors should be reserved for notifications, states, and important UI cues.
The secondary color is Binance Black, #181A20, and the accent is Binance Light Yellow, #F8D33A. Together with the primary they make up the three brand colors at the top of this page.
6 of 6 text and background pairings meet WCAG 2.1 AA contrast. The contrast section above shows every pairing with its exact ratio.
Use the export block on this page. It gives you CSS custom properties, a Tailwind config, W3C design tokens or a shadcn/ui theme built from these exact hex values, with copy and download buttons.
Yes. Export the Claude Code skill, Cursor rules or Codex prompt from the same block. The agent then applies Binance's colors consistently when it generates UI.
Make something in the spirit of Binance
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.