← Back to Editor

#796E58 · #A09E87 · #B6CDB1 · #9FBAA7 · #7CA19A

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#796E58

Ochre · DimGray · Honey Gold

HEX
#796E58
RGB
rgb(121, 110, 88)
HSL
hsl(40, 16%, 41%)
HSB
hsb(40, 27%, 47%)
CMYK
cmyk(0%, 9%, 27%, 53%)
Oklch
oklch(54.2% 0.035 84.5)

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

#A09E87

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A09E87
RGB
rgb(160, 158, 135)
HSL
hsl(55, 12%, 58%)
HSB
hsb(55, 16%, 63%)
CMYK
cmyk(0%, 1%, 16%, 37%)
Oklch
oklch(69.5% 0.033 103.1)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#B6CDB1

Celadon · Silver · Apple Green

HEX
#B6CDB1
RGB
rgb(182, 205, 177)
HSL
hsl(109, 22%, 75%)
HSB
hsb(109, 14%, 80%)
CMYK
cmyk(11%, 0%, 14%, 20%)
Oklch
oklch(82.3% 0.046 140.1)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#9FBAA7

Celadon · DarkGray · Apple Green

HEX
#9FBAA7
RGB
rgb(159, 186, 167)
HSL
hsl(138, 16%, 68%)
HSB
hsb(138, 15%, 73%)
CMYK
cmyk(15%, 0%, 10%, 27%)
Oklch
oklch(76.3% 0.040 154.7)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#7CA19A

Mineral Blue · LightSlateGray · Lake Green

HEX
#7CA19A
RGB
rgb(124, 161, 154)
HSL
hsl(169, 16%, 56%)
HSB
hsb(169, 23%, 63%)
CMYK
cmyk(23%, 0%, 4%, 37%)
Oklch
oklch(67.9% 0.042 182.1)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

796E58
586379

Analogous

795D58
796E58
747958

Triadic

796E58
58796E
6E5879

Split-Comp.

796E58
587479
5D5879

Tetradic

796E58
58795D
586379
795874

Contrast Matrix WCAG 2.1 Contrast

796E58
A09E87
B6CDB1
9FBAA7
7CA19A
—
1.8
Fail
3.0
Fail
2.4
Fail
1.8
Fail
1.8
Fail
—
1.6
Fail
1.3
Fail
1.0
Fail
3.0
Fail
1.6
Fail
—
1.2
Fail
1.7
Fail
2.4
Fail
1.3
Fail
1.2
Fail
—
1.4
Fail
1.8
Fail
1.0
Fail
1.7
Fail
1.4
Fail
—
White BG
5.0AA
2.7Fail
1.7Fail
2.1Fail
2.8Fail
Black BG
4.2AA Large
7.7AAA
12.4AAA
10.1AAA
7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

74745D
9F9F8D
C0C0B8
ABABAC
8C8C9C

Deuteranopia

75765F
9F9F8E
BFBDB9
A9A7AD
8A879C

Tritanopia

786262
A09192
B7BDBE
A0AFB0
7E9D9D

Achromatopsia

6F6F6F
9C9C9C
C3C3C3
B0B0B0
959595

Shades & Tints Shades & Tints

#796E58

Dark
Light

#A09E87

Dark
Light

#B6CDB1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #796e58;
  --color-2: #a09e87;
  --color-3: #b6cdb1;
  --color-4: #9fbaa7;
  --color-5: #7ca19a;
}

SCSS

$color-1: #796e58;
$color-2: #a09e87;
$color-3: #b6cdb1;
$color-4: #9fbaa7;
$color-5: #7ca19a;

TAILWIND

colors: {
  'brand-1': '#796e58',
  'brand-2': '#a09e87',
  'brand-3': '#b6cdb1',
  'brand-4': '#9fbaa7',
  'brand-5': '#7ca19a',
}

RGB Array

[121, 110, 88], [160, 158, 135], [182, 205, 177], [159, 186, 167], [124, 161, 154]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #796E58, #A09E87, #B6CDB1, #9FBAA7, #7CA19A 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: #796e58; --color-2: #a09e87; --color-3: #b6cdb1; --color-4: #9fbaa7; --color-5: #7ca19a. 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