← Back to Editor

#C2B08A · #A57044 · #5E5956 · #8E8157 · #A65F4D

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 Library

Color Details Color Details

#C2B08A

Ginger · Tan · Sunflower

HEX
#C2B08A
RGB
rgb(194, 176, 138)
HSL
hsl(41, 31%, 65%)
HSB
hsb(41, 29%, 76%)
CMYK
cmyk(0%, 9%, 29%, 24%)
Oklch
oklch(76.3% 0.055 85.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#A57044

Tangerine · Sienna · Amber Brown

HEX
#A57044
RGB
rgb(165, 112, 68)
HSL
hsl(27, 42%, 46%)
HSB
hsb(27, 59%, 65%)
CMYK
cmyk(0%, 32%, 59%, 35%)
Oklch
oklch(59.1% 0.090 59.5)

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

#5E5956

Ink Gray · DimGray · Charcoal

HEX
#5E5956
RGB
rgb(94, 89, 86)
HSL
hsl(22, 4%, 35%)
HSB
hsb(22, 9%, 37%)
CMYK
cmyk(0%, 5%, 9%, 63%)
Oklch
oklch(46.8% 0.008 53.3)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#8E8157

Ochre · Gray · Honey Gold

HEX
#8E8157
RGB
rgb(142, 129, 87)
HSL
hsl(46, 24%, 45%)
HSB
hsb(46, 39%, 56%)
CMYK
cmyk(0%, 9%, 39%, 44%)
Oklch
oklch(60.4% 0.061 92.9)

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

#A65F4D

Crimson · Sienna · Passion Red

HEX
#A65F4D
RGB
rgb(166, 95, 77)
HSL
hsl(12, 37%, 48%)
HSB
hsb(12, 54%, 65%)
CMYK
cmyk(0%, 43%, 54%, 35%)
Oklch
oklch(56.2% 0.097 35.1)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C2B08A
8A9CC1

Analogous

C1948A
C2B08A
B7C18A

Triadic

C2B08A
8AC1B0
B08AC1

Split-Comp.

C2B08A
8AB7C1
948AC1

Tetradic

C2B08A
8AC194
8A9CC1
C18AB7

Contrast Matrix WCAG 2.1 Contrast

C2B08A
A57044
5E5956
8E8157
A65F4D
—
2.0
Fail
3.2
AA Large
1.8
Fail
2.3
Fail
2.0
Fail
—
1.6
Fail
1.1
Fail
1.1
Fail
3.2
AA Large
1.6
Fail
—
1.8
Fail
1.4
Fail
1.8
Fail
1.1
Fail
1.8
Fail
—
1.2
Fail
2.3
Fail
1.1
Fail
1.4
Fail
1.2
Fail
—
White BG
2.1Fail
4.2AA Large
6.9AA
3.9AA Large
4.8AA
Black BG
9.9AAA
5.0AA
3.0AA Large
5.4AA
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

BABA93
8E8E4F
5C5C57
888861
878751

Deuteranopia

BBBD95
919551
5C5D57
898A64
8B9152

Tritanopia

C19A9C
A25759
5E5757
8D696B
A25556

Achromatopsia

B1B1B1
7B7B7B
5A5A5A
808080
727272

Shades & Tints Shades & Tints

#C2B08A

Dark
Light

#A57044

Dark
Light

#5E5956

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c2b08a;
  --color-2: #a57044;
  --color-3: #5e5956;
  --color-4: #8e8157;
  --color-5: #a65f4d;
}

SCSS

$color-1: #c2b08a;
$color-2: #a57044;
$color-3: #5e5956;
$color-4: #8e8157;
$color-5: #a65f4d;

TAILWIND

colors: {
  'brand-1': '#c2b08a',
  'brand-2': '#a57044',
  'brand-3': '#5e5956',
  'brand-4': '#8e8157',
  'brand-5': '#a65f4d',
}

RGB Array

[194, 176, 138], [165, 112, 68], [94, 89, 86], [142, 129, 87], [166, 95, 77]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C2B08A, #A57044, #5E5956, #8E8157, #A65F4D is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. 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: #c2b08a; --color-2: #a57044; --color-3: #5e5956; --color-4: #8e8157; --color-5: #a65f4d. 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. 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