StockX color palette
EcommerceStockX uses a distinctive green as its primary color, paired with deep blacks and neutral grays for a modern, trustworthy ecommerce experience. The palette emphasizes clarity and authenticity, reflecting the brand's focus on transparency in the resale market.
stockx.comStockX colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- StockX GreenPrimary0, 99, 64
- StockX BlackSecondary34, 34, 34
- StockX Accent GreenAccent0, 180, 110
Surfaces
Page, cards and dividers.- StockX WhiteBackground255, 255, 255
- StockX Light GraySurface245, 245, 245
- StockX Border GrayBorder229, 229, 229
Text
Three tiers of copy.- StockX Primary TextText34, 34, 34
- StockX Secondary TextSecondary text102, 102, 102
- StockX Muted TextMuted text163, 163, 163
Semantic
Feedback and state colors.- StockX Success GreenSuccess0, 138, 92
- StockX Warning YellowWarning255, 184, 0
- StockX Error RedError224, 60, 49
- StockX Info BlueInfo0, 116, 212
Use StockX's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
stockx-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0074D4;
--error: #E03C31;
--accent: #00B46E;
--border: #E5E5E5;
--primary: #006340;
--success: #008A5C;
--surface: #F5F5F5;
--warning: #FFB800;
--secondary: #222222;
--text-muted: #A3A3A3;
--background: #FFFFFF;
--text-primary: #222222;
--text-secondary: #666666;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
15.9:1
Pass
Text on surface
Needs 4.5:1 for body text
14.6:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.7:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.3: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
StockX gray and neutral colors
The quiet part of the StockX palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- StockX WhiteBackground
- HEX
- RGB
- HSL
- StockX Light GraySurface
- HEX
- RGB
- HSL
- StockX Border GrayBorder
- HEX
- RGB
- HSL
- StockX Primary TextText
- HEX
- RGB
- HSL
- StockX Secondary TextSecondary text
- HEX
- RGB
- HSL
- StockX Muted TextMuted text
- HEX
- RGB
- HSL
About StockX's colors
StockX’s color system is rooted in a deep green, evoking authenticity and trust, complemented by neutral grays and blacks for clarity. The palette is minimal, supporting a clean and direct user experience.
Primary green contrasts with white and black for high legibility.
Accent green is used for highlights and calls to action.
Neutral grays support hierarchy and separation of UI elements.
Psychology
The green primary color conveys trust, growth, and authenticity, aligning with StockX’s verification ethos. Black and gray tones add seriousness and professionalism to the interface.
Evolution
StockX’s palette has remained stable since launch, with the signature green always at the forefront. Minor adjustments to gray and accent tones have refined the UI over time.
Where StockX uses each color
- Primary
Used in the logo, primary buttons, and key highlights across the website and app.
- Secondary
Forms the background of navigation bars, footers, and overlays.
- Accent
Applied to badges, active states, and important action prompts.
- Backgrounds
White is the main page background, with light gray for cards and surfaces.
- Text
Primary text is deep black, with secondary and muted grays for less prominent information.
- Semantic
Success, warning, error, and info colors are used in notifications, status indicators, and system messages.
StockX color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official StockX primary color is #006340, known as StockX Green. This is used in the logo and main brand elements.
StockX Green (#006340) in RGB is (0, 99, 64). For CMYK, it is approximately (100, 0, 35, 61).
StockX uses #222222 (StockX Black), #F5F5F5 (StockX Light Gray), #E5E5E5 (StockX Border Gray), #666666 (StockX Secondary Text), and #A3A3A3 (StockX Muted Text) throughout its UI for structure and hierarchy.
Use StockX Green (#006340) for primary actions and branding, with accent green (#00B46E) for highlights. Neutrals and semantic colors organize content and indicate status.
The secondary color is StockX Black, #222222, and the accent is StockX Accent Green, #00B46E. 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 StockX's colors consistently when it generates UI.
Make something in the spirit of StockX
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.