← Back to Editor

#796D71 · #D58A00 · #B5B1A6 · #D9D2C8 · #E6E5E0

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#796D71

Ink Gray · DimGray · Warm Gray

HEX
#796D71
RGB
rgb(121, 109, 113)
HSL
hsl(340, 5%, 45%)
HSB
hsb(340, 10%, 47%)
CMYK
cmyk(0%, 10%, 7%, 53%)
Oklch
oklch(54.7% 0.016 355.4)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#D58A00

Ochre · DarkGoldenRod · Amber Brown

HEX
#D58A00
RGB
rgb(213, 138, 0)
HSL
hsl(39, 100%, 42%)
HSB
hsb(39, 100%, 84%)
CMYK
cmyk(0%, 35%, 100%, 16%)
Oklch
oklch(69.4% 0.149 71.3)

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

#B5B1A6

Ginger · DarkGray · Silver Sand

HEX
#B5B1A6
RGB
rgb(181, 177, 166)
HSL
hsl(44, 9%, 68%)
HSB
hsb(44, 8%, 71%)
CMYK
cmyk(0%, 2%, 8%, 29%)
Oklch
oklch(76.1% 0.016 90.3)

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

#D9D2C8

Goose Yellow · LightGray · Peach Orange

HEX
#D9D2C8
RGB
rgb(217, 210, 200)
HSL
hsl(35, 18%, 82%)
HSB
hsb(35, 8%, 85%)
CMYK
cmyk(0%, 3%, 8%, 15%)
Oklch
oklch(86.7% 0.016 77.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#E6E5E0

Fresh Green · Beige · Lemon Cream

HEX
#E6E5E0
RGB
rgb(230, 229, 224)
HSL
hsl(50, 11%, 89%)
HSB
hsb(50, 3%, 90%)
CMYK
cmyk(0%, 0%, 3%, 10%)
Oklch
oklch(92.1% 0.007 97.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

796D71
6D7875

Analogous

786D77
796D71
786F6D

Triadic

796D71
71786D
6D7178

Split-Comp.

796D71
6D786F
6D7778

Tetradic

796D71
77786D
6D7875
6F6D78

Contrast Matrix WCAG 2.1 Contrast

796D71
D58A00
B5B1A6
D9D2C8
E6E5E0
—
1.8
Fail
2.3
Fail
3.3
AA Large
3.9
AA Large
1.8
Fail
—
1.3
Fail
1.9
Fail
2.2
Fail
2.3
Fail
1.3
Fail
—
1.4
Fail
1.7
Fail
3.3
AA Large
1.9
Fail
1.4
Fail
—
1.2
Fail
3.9
AA Large
2.2
Fail
1.7
Fail
1.2
Fail
—
White BG
5.0AA
2.8Fail
2.1Fail
1.5Fail
1.3Fail
Black BG
4.2AA Large
7.5AAA
9.8AAA
14.0AAA
16.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

747470
B5B421
B3B3A9
D6D6CA
E6E6E1

Deuteranopia

757570
B9BF29
B4B4A9
D6D7CB
E6E6E2

Tritanopia

786F6F
D13C42
B5ABAB
D9CCCD
E6E2E2

Achromatopsia

717171
919191
B1B1B1
D3D3D3
E5E5E5

Shades & Tints Shades & Tints

#796D71

Dark
Light

#D58A00

Dark
Light

#B5B1A6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #796d71;
  --color-2: #d58a00;
  --color-3: #b5b1a6;
  --color-4: #d9d2c8;
  --color-5: #e6e5e0;
}

SCSS

$color-1: #796d71;
$color-2: #d58a00;
$color-3: #b5b1a6;
$color-4: #d9d2c8;
$color-5: #e6e5e0;

TAILWIND

colors: {
  'brand-1': '#796d71',
  'brand-2': '#d58a00',
  'brand-3': '#b5b1a6',
  'brand-4': '#d9d2c8',
  'brand-5': '#e6e5e0',
}

RGB Array

[121, 109, 113], [213, 138, 0], [181, 177, 166], [217, 210, 200], [230, 229, 224]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #796D71, #D58A00, #B5B1A6, #D9D2C8, #E6E5E0 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, 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: #796d71; --color-2: #d58a00; --color-3: #b5b1a6; --color-4: #d9d2c8; --color-5: #e6e5e0. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 beauty, lifestyle, arts 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