Behance color palette
SocialBehance's color identity is defined by its signature blue, complemented by a minimalist grayscale palette for UI clarity. The brand uses bold blue for highlights and clean neutrals for backgrounds and text.
behance.netBehance colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Behance BluePrimary23, 105, 255
- Behance Deep BlueSecondary0, 87, 255
- Behance Cyan AccentAccent0, 196, 255
Surfaces
Page, cards and dividers.- Behance WhiteBackground255, 255, 255
- Behance Light GraySurface245, 246, 250
- Behance Border GrayBorder225, 228, 232
Text
Three tiers of copy.- Behance BlackText25, 25, 25
- Behance Medium GraySecondary text110, 110, 110
- Behance Muted GrayMuted text163, 163, 163
Semantic
Feedback and state colors.- Behance Success GreenSuccess0, 200, 83
- Behance Warning YellowWarning255, 179, 0
- Behance Error RedError255, 23, 68
- Behance Info BlueInfo0, 145, 234
Use Behance's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
behance-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0091EA;
--error: #FF1744;
--accent: #00C4FF;
--border: #E1E4E8;
--primary: #1769FF;
--success: #00C853;
--surface: #F5F6FA;
--warning: #FFB300;
--secondary: #0057FF;
--text-muted: #A3A3A3;
--background: #FFFFFF;
--text-primary: #191919;
--text-secondary: #6E6E6E;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
17.6:1
Pass
Text on surface
Needs 4.5:1 for body text
16.3:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.1:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.7:1
Pass
Muted text on background
Needs 3:1 for large text
2.5:1
Fail
Muted text on surface
Needs 3:1 for large text
2.3:1
Fail
Behance background, border and text colors
The quiet part of the Behance palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Behance WhiteBackground
- HEX
- RGB
- HSL
- Behance Light GraySurface
- HEX
- RGB
- HSL
- Behance Border GrayBorder
- HEX
- RGB
- HSL
- Behance BlackText
- HEX
- RGB
- HSL
- Behance Medium GraySecondary text
- HEX
- RGB
- HSL
- Behance Muted GrayMuted text
- HEX
- RGB
- HSL
About Behance's colors
Behance's palette centers on a vivid blue, conveying creativity and professionalism, balanced by neutral grays and white for clarity. The accent cyan adds a modern, digital touch.
Primary blue contrasts with white and light gray backgrounds.
Accent cyan is used for highlights and interactive elements.
Neutral grays provide structure and readability.
Psychology
Blue communicates trust, reliability, and creativity, aligning with Behance's role as a professional creative platform. The clean neutrals emphasize focus on content and usability.
Evolution
Behance's color palette has remained stable, with the signature blue consistently at the forefront. Minor adjustments to gray tones have improved accessibility and modernized the interface.
Where Behance uses each color
- Primary
Behance Blue (#1769FF) is used for navigation bars, primary buttons, and key highlights.
- Secondary
Behance Deep Blue (#0057FF) appears in hover states and selected elements.
- Accent
Behance Cyan Accent (#00C4FF) highlights notifications and interactive UI elements.
- Backgrounds
Behance White (#FFFFFF) and Light Gray (#F5F6FA) are used for main backgrounds and content areas.
- Text
Behance Black (#191919) is used for primary text, with Medium Gray (#6E6E6E) and Muted Gray (#A3A3A3) for secondary and disabled text.
- Semantic
Success Green, Warning Yellow, Error Red, and Info Blue are used for status indicators and alerts.
Behance color questions
Hex codes, RGB values, neutrals and how to use the palette.
The Behance primary color hex code is #1769FF. This blue is used prominently across the brand's digital interfaces.
Behance Blue (#1769FF) is RGB(23, 105, 255) and CMYK(91, 59, 0, 0). These values ensure accurate color reproduction in both digital and print contexts.
Behance uses Light Gray (#F5F6FA), Border Gray (#E1E4E8), Medium Gray (#6E6E6E), and Muted Gray (#A3A3A3) for backgrounds, borders, and secondary text. These neutrals provide a clean, modern interface.
Use Behance Blue (#1769FF) for primary actions and navigation, with grays and white for backgrounds and text. Accent and semantic colors should be reserved for highlights, notifications, and status indicators.
The secondary color is Behance Deep Blue, #0057FF, and the accent is Behance Cyan Accent, #00C4FF. Together with the primary they make up the three brand colors at the top of this page.
4 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 Behance's colors consistently when it generates UI.
Make something in the spirit of Behance
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.