Coupang color palette
EcommerceCoupang's brand color system is centered around a distinctive vivid blue, complemented by a clean white background and neutral grays for UI clarity. The palette emphasizes approachability and trust, reflecting Coupang's identity as a leading Korean e-commerce platform.
coupang.comCoupang colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Coupang BluePrimary0, 120, 255
- Coupang OrangeSecondary255, 76, 0
- Coupang YellowAccent255, 214, 0
Surfaces
Page, cards and dividers.- Coupang WhiteBackground255, 255, 255
- Coupang Light GraySurface245, 246, 247
- Coupang Border GrayBorder224, 224, 224
Text
Three tiers of copy.- Coupang CharcoalText34, 34, 34
- Coupang Medium GraySecondary text102, 102, 102
- Coupang Muted GrayMuted text153, 153, 153
Semantic
Feedback and state colors.- Coupang GreenSuccess0, 199, 60
- Coupang Warning YellowWarning255, 179, 0
- Coupang RedError244, 67, 54
- Coupang Info BlueInfo33, 150, 243
Use Coupang's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
coupang-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #2196F3;
--error: #F44336;
--accent: #FFD600;
--border: #E0E0E0;
--primary: #0078FF;
--success: #00C73C;
--surface: #F5F6F7;
--warning: #FFB300;
--secondary: #FF4C00;
--text-muted: #999999;
--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.7: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.8:1
Fail
Muted text on surface
Needs 3:1 for large text
2.6:1
Fail
Coupang gray and neutral colors
The quiet part of the Coupang palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Coupang WhiteBackground
- HEX
- RGB
- HSL
- Coupang Light GraySurface
- HEX
- RGB
- HSL
- Coupang Border GrayBorder
- HEX
- RGB
- HSL
- Coupang CharcoalText
- HEX
- RGB
- HSL
- Coupang Medium GraySecondary text
- HEX
- RGB
- HSL
- Coupang Muted GrayMuted text
- HEX
- RGB
- HSL
About Coupang's colors
Coupang's palette uses a strong blue for trust and reliability, accented by orange and yellow for vibrancy and call-to-action elements. Neutral grays and white provide a clean, modern interface.
Primary blue is contrasted by orange and yellow accents.
Neutral grays create hierarchy and separation.
Bright accent colors highlight key actions and promotions.
Psychology
The blue primary color conveys trustworthiness and dependability, essential for an e-commerce platform. Orange and yellow accents add energy and draw attention to important elements.
Evolution
Coupang's palette has remained consistent, with blue as the core brand color since its early years. Minor adjustments to accent and neutral tones have improved accessibility and UI clarity.
Where Coupang uses each color
- Primary
Used for main navigation bars, primary buttons, and key highlights across Coupang's website and app.
- Secondary
Appears in promotional banners, secondary buttons, and notification badges.
- Accent
Used for limited-time offers, highlights, and icons to draw user attention.
- Backgrounds
White and light gray backgrounds are used throughout the site for clarity and readability.
- Text
Charcoal and gray tones are used for primary, secondary, and muted text to ensure legibility.
- Semantic
Green, yellow, and red are used for success, warning, and error states in forms and notifications.
Coupang color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Coupang brand color is Coupang Blue, with the hex code #0078FF.
Coupang Blue (#0078FF) is RGB(0, 120, 255). For print, its approximate CMYK values are (100, 53, 0, 0).
Coupang uses Coupang Light Gray (#F5F6F7), Coupang Border Gray (#E0E0E0), Coupang Charcoal (#222222), Coupang Medium Gray (#666666), and Coupang Muted Gray (#999999) for backgrounds, borders, and text.
Use Coupang Blue (#0078FF) for primary actions and navigation, with orange and yellow as accents. Grays and white provide structure and readability throughout the UI.
The secondary color is Coupang Orange, #FF4C00, and the accent is Coupang Yellow, #FFD600. 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 Coupang's colors consistently when it generates UI.
Make something in the spirit of Coupang
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.
