BIC color palette
ConsumerBIC's brand color system centers on its iconic yellow and black, reflecting simplicity and reliability across its product lines. The palette is bold, highly recognizable, and consistent across packaging and digital assets.
bic.comBIC colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- BIC YellowPrimary255, 210, 0
- BIC BlackSecondary0, 0, 0
- BIC OrangeAccent243, 112, 33
Surfaces
Page, cards and dividers.- BIC WhiteBackground255, 255, 255
- BIC Light GraySurface247, 247, 247
- BIC Border GrayBorder224, 224, 224
Text
Three tiers of copy.- BIC Black TextText0, 0, 0
- BIC Dark Gray TextSecondary text77, 77, 77
- BIC Muted GrayMuted text140, 140, 140
Semantic
Feedback and state colors.- BIC GreenSuccess109, 190, 69
- BIC Yellow WarningWarning255, 210, 0
- BIC RedError208, 2, 27
- BIC BlueInfo0, 159, 218
Use BIC's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
bic-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #009FDA;
--error: #D0021B;
--accent: #F37021;
--border: #E0E0E0;
--primary: #FFD200;
--success: #6DBE45;
--surface: #F7F7F7;
--warning: #FFD200;
--secondary: #000000;
--text-muted: #8C8C8C;
--background: #FFFFFF;
--text-primary: #000000;
--text-secondary: #4D4D4D;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
21.0:1
Pass
Text on surface
Needs 4.5:1 for body text
19.6:1
Pass
Secondary text on background
Needs 4.5:1 for body text
8.5:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
7.9:1
Pass
Muted text on background
Needs 3:1 for large text
3.4:1
Pass
Muted text on surface
Needs 3:1 for large text
3.1:1
Pass
BIC gray and neutral colors
The quiet part of the BIC palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- BIC WhiteBackground
- HEX
- RGB
- HSL
- BIC Light GraySurface
- HEX
- RGB
- HSL
- BIC Border GrayBorder
- HEX
- RGB
- HSL
- BIC Black TextText
- HEX
- RGB
- HSL
- BIC Dark Gray TextSecondary text
- HEX
- RGB
- HSL
- BIC Muted GrayMuted text
- HEX
- RGB
- HSL
About BIC's colors
BIC's color palette is dominated by its signature yellow and black, designed for high visibility and instant brand recognition. The supporting colors provide clarity and functional contrast in both print and digital contexts.
Yellow and black create a strong, high-contrast pairing.
Orange is used as an accent to energize the palette.
Neutral grays support readability and UI clarity.
Psychology
Yellow conveys optimism, accessibility, and friendliness, while black adds authority and reliability. The combination is approachable yet trustworthy, aligning with BIC's everyday utility.
Evolution
BIC's color palette has remained largely unchanged for decades, maintaining its instantly recognizable yellow and black scheme. Minor adjustments have been made for digital clarity and accessibility.
Where BIC uses each color
- Primary
BIC Yellow is used for product packaging, website headers, and key brand visuals.
- Secondary
BIC Black appears in the logo, text, and as a contrast color on packaging and digital assets.
- Accent
BIC Orange is used for call-to-action buttons and highlights on the website.
- Backgrounds
BIC White and Light Gray are used for website backgrounds and product photography.
- Text
BIC Black and Dark Gray are used for primary and secondary text across print and digital.
- Semantic
BIC Green, Red, Yellow, and Blue are used for status indicators, alerts, and informational UI elements.
BIC color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official BIC brand color is BIC Yellow, with the hex code #FFD200.
BIC Yellow (#FFD200) is RGB(255, 210, 0) and CMYK(0, 8, 100, 0).
BIC uses BIC Light Gray (#F7F7F7), BIC Border Gray (#E0E0E0), and BIC Muted Gray (#8C8C8C) for backgrounds, borders, and muted text.
Use BIC Yellow (#FFD200) for primary branding, BIC Black (#000000) for text and logos, and BIC Orange (#F37021) for accents. Neutrals and semantic colors support UI clarity and accessibility.
The secondary color is BIC Black, #000000, and the accent is BIC Orange, #F37021. 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 BIC's colors consistently when it generates UI.
Make something in the spirit of BIC
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.