UGG color palette
FashionUGG's brand color system centers around a warm, earthy brown paired with neutral tones, reflecting its heritage in sheepskin footwear and relaxed California style. The palette emphasizes comfort and approachability, using soft browns, creams, and muted grays.
ugg.comUGG colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- UGG ChestnutPrimary108, 79, 61
- UGG SandSecondary166, 124, 82
- UGG SheepskinAccent203, 175, 135
Surfaces
Page, cards and dividers.- UGG CreamBackground245, 243, 238
- UGG Light TaupeSurface231, 227, 220
- UGG Border BeigeBorder209, 198, 184
Text
Three tiers of copy.- UGG EspressoText45, 28, 16
- UGG ChestnutSecondary text108, 79, 61
- UGG Muted TaupeMuted text168, 159, 148
Semantic
Feedback and state colors.- UGG OliveSuccess140, 123, 90
- UGG HoneyWarning214, 164, 91
- UGG ClayError176, 74, 43
- UGG FogInfo181, 178, 169
Use UGG's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
ugg-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #B5B2A9;
--error: #B04A2B;
--accent: #CBAF87;
--border: #D1C6B8;
--primary: #6C4F3D;
--success: #8C7B5A;
--surface: #E7E3DC;
--warning: #D6A45B;
--secondary: #A67C52;
--text-muted: #A89F94;
--background: #F5F3EE;
--text-primary: #2D1C10;
--text-secondary: #6C4F3D;
}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
6.7:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.8:1
Pass
Muted text on background
Needs 3:1 for large text
2.4:1
Fail
Muted text on surface
Needs 3:1 for large text
2.0:1
Fail
UGG background, border and text colors
The quiet part of the UGG palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- UGG CreamBackground
- HEX
- RGB
- HSL
- UGG Light TaupeSurface
- HEX
- RGB
- HSL
- UGG Border BeigeBorder
- HEX
- RGB
- HSL
- UGG EspressoText
- HEX
- RGB
- HSL
- UGG ChestnutSecondary text
- HEX
- RGB
- HSL
- UGG Muted TaupeMuted text
- HEX
- RGB
- HSL
About UGG's colors
UGG's color palette is grounded in earthy, natural tones that evoke warmth and comfort. The use of browns and neutrals creates a cohesive, inviting visual identity.
Primary and secondary browns are analogous, creating harmony.
Accent and background colors are lighter tints of the main hues.
Text and surface colors provide contrast for legibility.
Psychology
Earthy browns and neutrals evoke feelings of warmth, reliability, and comfort, aligning with UGG's product ethos. The palette suggests authenticity and a connection to natural materials.
Evolution
UGG's palette has remained consistent, with slight refinements to the brown and cream tones for digital clarity. The brand has maintained its signature warm brown since its inception.
Where UGG uses each color
- Primary
Used for the UGG logo, key navigation elements, and main call-to-action buttons.
- Secondary
Appears in secondary buttons, highlights, and product tags.
- Accent
Applied to subtle highlights, hover states, and product backgrounds.
- Backgrounds
Cream and taupe tones are used for website backgrounds and packaging.
- Text
Espresso and chestnut are used for primary and secondary text throughout the site.
- Semantic
Olive, honey, clay, and fog are used for status indicators, alerts, and informational banners.
UGG color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official UGG brand color is 'UGG Chestnut' with hex code #6C4F3D.
UGG Chestnut (#6C4F3D) in RGB is (108, 79, 61). For CMYK, it is approximately (0, 27, 44, 58).
UGG uses 'UGG Cream' (#F5F3EE), 'UGG Light Taupe' (#E7E3DC), and 'UGG Muted Taupe' (#A89F94) for neutral backgrounds and muted text.
Use 'UGG Chestnut' (#6C4F3D) for primary branding, with lighter neutrals for backgrounds and dark tones for text. Accent and semantic colors support UI elements and status messaging.
The secondary color is UGG Sand, #A67C52, and the accent is UGG Sheepskin, #CBAF87. 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 UGG's colors consistently when it generates UI.
Make something in the spirit of UGG
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.