← Back to Editor

#C6C896 · #95A298 · #BD8E70 · #8D6D62 · #786048

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

#C6C896

Fresh Green · Tan · Sunflower

HEX
#C6C896
RGB
rgb(198, 200, 150)
HSL
hsl(62, 31%, 69%)
HSB
hsb(62, 25%, 78%)
CMYK
cmyk(1%, 0%, 25%, 22%)
Oklch
oklch(81.9% 0.067 109.7)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#95A298

Ash · DarkGray · Silver Sand

HEX
#95A298
RGB
rgb(149, 162, 152)
HSL
hsl(134, 7%, 61%)
HSB
hsb(134, 8%, 64%)
CMYK
cmyk(8%, 0%, 6%, 36%)
Oklch
oklch(69.9% 0.021 152.7)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#BD8E70

Tangerine · DarkSalmon · Warm Sun

HEX
#BD8E70
RGB
rgb(189, 142, 112)
HSL
hsl(23, 37%, 59%)
HSB
hsb(23, 41%, 74%)
CMYK
cmyk(0%, 25%, 41%, 26%)
Oklch
oklch(68.4% 0.071 53.7)

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

#8D6D62

Tangerine · DimGray · Amber Brown

HEX
#8D6D62
RGB
rgb(141, 109, 98)
HSL
hsl(15, 18%, 47%)
HSB
hsb(15, 30%, 55%)
CMYK
cmyk(0%, 23%, 30%, 45%)
Oklch
oklch(56.3% 0.044 39.8)

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

#786048

Ochre · DimGray · Amber Brown

HEX
#786048
RGB
rgb(120, 96, 72)
HSL
hsl(30, 25%, 38%)
HSB
hsb(30, 40%, 47%)
CMYK
cmyk(0%, 20%, 40%, 53%)
Oklch
oklch(50.7% 0.047 66.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C6C896
9997C8

Analogous

C8B297
C6C896
AEC897

Triadic

C6C896
97C7C8
C897C7

Split-Comp.

C6C896
97AEC8
B297C8

Tetradic

C6C896
97C8B2
9997C8
C897AE

Contrast Matrix WCAG 2.1 Contrast

C6C896
95A298
BD8E70
8D6D62
786048
—
1.5
Fail
1.7
Fail
2.7
Fail
3.4
AA Large
1.5
Fail
—
1.1
Fail
1.8
Fail
2.2
Fail
1.7
Fail
1.1
Fail
—
1.6
Fail
2.0
Fail
2.7
Fail
1.8
Fail
1.6
Fail
—
1.3
Fail
3.4
AA Large
2.2
Fail
2.0
Fail
1.3
Fail
—
White BG
1.7Fail
2.7Fail
2.9Fail
4.7AA
5.9AA
Black BG
12.1AAA
7.9AAA
7.3AAA
4.5AA Large
3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C7A2
9B9B9A
A9A877
7F7F65
6E6D4E

Deuteranopia

C7C7A5
9A999B
ABAF79
818365
6F714F

Tritanopia

C6ACAE
969C9D
BB7D7E
8B6767
775253

Achromatopsia

C2C2C2
9D9D9D
999999
757575
646464

Shades & Tints Shades & Tints

#C6C896

Dark
Light

#95A298

Dark
Light

#BD8E70

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c6c896;
  --color-2: #95a298;
  --color-3: #bd8e70;
  --color-4: #8d6d62;
  --color-5: #786048;
}

SCSS

$color-1: #c6c896;
$color-2: #95a298;
$color-3: #bd8e70;
$color-4: #8d6d62;
$color-5: #786048;

TAILWIND

colors: {
  'brand-1': '#c6c896',
  'brand-2': '#95a298',
  'brand-3': '#bd8e70',
  'brand-4': '#8d6d62',
  'brand-5': '#786048',
}

RGB Array

[198, 200, 150], [149, 162, 152], [189, 142, 112], [141, 109, 98], [120, 96, 72]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C6C896, #95A298, #BD8E70, #8D6D62, #786048 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: #c6c896; --color-2: #95a298; --color-3: #bd8e70; --color-4: #8d6d62; --color-5: #786048. 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