← Back to Editor

#988968 · #CBB58C · #B08E68 · #665039 · #393029

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#988968

Ochre · Gray · Honey Gold

HEX
#988968
RGB
rgb(152, 137, 104)
HSL
hsl(41, 19%, 50%)
HSB
hsb(41, 32%, 60%)
CMYK
cmyk(0%, 10%, 32%, 40%)
Oklch
oklch(63.5% 0.050 86.4)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#CBB58C

Ginger · Tan · Warm Sun

HEX
#CBB58C
RGB
rgb(203, 181, 140)
HSL
hsl(39, 38%, 67%)
HSB
hsb(39, 31%, 80%)
CMYK
cmyk(0%, 11%, 31%, 20%)
Oklch
oklch(78.2% 0.061 82.9)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#B08E68

Ginger · Gray · Warm Sun

HEX
#B08E68
RGB
rgb(176, 142, 104)
HSL
hsl(32, 31%, 55%)
HSB
hsb(32, 41%, 69%)
CMYK
cmyk(0%, 19%, 41%, 31%)
Oklch
oklch(66.9% 0.067 69.4)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#665039

Ochre · DarkOliveGreen · Amber Brown

HEX
#665039
RGB
rgb(102, 80, 57)
HSL
hsl(31, 28%, 31%)
HSB
hsb(31, 44%, 40%)
CMYK
cmyk(0%, 22%, 44%, 60%)
Oklch
oklch(44.8% 0.046 67.5)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#393029

Tangerine · DarkSlateGray · Cinnamon

HEX
#393029
RGB
rgb(57, 48, 41)
HSL
hsl(26, 16%, 19%)
HSB
hsb(26, 28%, 22%)
CMYK
cmyk(0%, 16%, 28%, 78%)
Oklch
oklch(31.7% 0.018 60.0)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

988968
677798

Analogous

987067
988968
8F9867

Triadic

988968
679888
886798

Split-Comp.

988968
678F98
706798

Tetradic

988968
679870
677798
98678F

Contrast Matrix WCAG 2.1 Contrast

988968
CBB58C
B08E68
665039
393029
—
1.7
Fail
1.1
Fail
2.2
Fail
3.8
AA Large
1.7
Fail
—
1.5
Fail
3.8
AA Large
6.5
AA
1.1
Fail
1.5
Fail
—
2.5
Fail
4.2
AA Large
2.2
Fail
3.8
AA Large
2.5
Fail
—
1.7
Fail
3.8
AA Large
6.5
AA
4.2
AA Large
1.7
Fail
—
White BG
3.4AA Large
2.0Fail
3.0AA Large
7.6AAA
12.9AAA
Black BG
6.1AA
10.5AAA
6.9AA
2.8Fail
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

929170
C1C196
A1A171
5C5C3F
35352B

Deuteranopia

929472
C3C498
A3A673
5E5F40
36362B

Tritanopia

977678
CA9E9F
AE787A
654344
392C2C

Achromatopsia

8A8A8A
B7B7B7
949494
545454
323232

Shades & Tints Shades & Tints

#988968

Dark
Light

#CBB58C

Dark
Light

#B08E68

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #988968;
  --color-2: #cbb58c;
  --color-3: #b08e68;
  --color-4: #665039;
  --color-5: #393029;
}

SCSS

$color-1: #988968;
$color-2: #cbb58c;
$color-3: #b08e68;
$color-4: #665039;
$color-5: #393029;

TAILWIND

colors: {
  'brand-1': '#988968',
  'brand-2': '#cbb58c',
  'brand-3': '#b08e68',
  'brand-4': '#665039',
  'brand-5': '#393029',
}

RGB Array

[152, 137, 104], [203, 181, 140], [176, 142, 104], [102, 80, 57], [57, 48, 41]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #988968, #CBB58C, #B08E68, #665039, #393029 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #988968; --color-2: #cbb58c; --color-3: #b08e68; --color-4: #665039; --color-5: #393029. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This general-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Restrained colors convey professionalism and trust. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color