← Back to Editor

#786F71 · #ADA79A · #C8C1A0 · #DED8AD · #E1EAA3

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

WorkspaceReading

Color Details Color Details

#786F71

Ink Gray · DimGray · Warm Gray

HEX
#786F71
RGB
rgb(120, 111, 113)
HSL
hsl(347, 4%, 45%)
HSB
hsb(347, 7%, 47%)
CMYK
cmyk(0%, 7%, 6%, 53%)
Oklch
oklch(55.1% 0.012 2.3)

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

#ADA79A

Ginger · DarkGray · Sunflower

HEX
#ADA79A
RGB
rgb(173, 167, 154)
HSL
hsl(41, 10%, 64%)
HSB
hsb(41, 11%, 68%)
CMYK
cmyk(0%, 3%, 11%, 32%)
Oklch
oklch(73.0% 0.020 86.2)

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

#C8C1A0

Goose Yellow · Tan · Sunflower

HEX
#C8C1A0
RGB
rgb(200, 193, 160)
HSL
hsl(49, 27%, 71%)
HSB
hsb(49, 20%, 78%)
CMYK
cmyk(0%, 4%, 20%, 22%)
Oklch
oklch(80.8% 0.045 97.4)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#DED8AD

Fresh Green · Wheat · Lemon Cream

HEX
#DED8AD
RGB
rgb(222, 216, 173)
HSL
hsl(53, 43%, 77%)
HSB
hsb(53, 22%, 87%)
CMYK
cmyk(0%, 3%, 22%, 13%)
Oklch
oklch(87.6% 0.057 100.9)

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

#E1EAA3

Fresh Green · Khaki · Lemon Cream

HEX
#E1EAA3
RGB
rgb(225, 234, 163)
HSL
hsl(68, 63%, 78%)
HSB
hsb(68, 30%, 92%)
CMYK
cmyk(4%, 0%, 30%, 8%)
Oklch
oklch(91.4% 0.092 114.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

786F71
6E7775

Analogous

776E75
786F71
77716E

Triadic

786F71
70776E
6E7077

Split-Comp.

786F71
6E7771
6E7577

Tetradic

786F71
75776E
6E7775
716E77

Contrast Matrix WCAG 2.1 Contrast

786F71
ADA79A
C8C1A0
DED8AD
E1EAA3
—
2.0
Fail
2.7
Fail
3.4
AA Large
3.8
AA Large
2.0
Fail
—
1.3
Fail
1.7
Fail
1.9
Fail
2.7
Fail
1.3
Fail
—
1.3
Fail
1.4
Fail
3.4
AA Large
1.7
Fail
1.3
Fail
—
1.1
Fail
3.8
AA Large
1.9
Fail
1.4
Fail
1.1
Fail
—
White BG
4.9AA
2.4Fail
1.8Fail
1.4Fail
1.3Fail
Black BG
4.3AA Large
8.8AAA
11.6AAA
14.5AAA
16.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

747471
AAAA9D
C5C5A8
DBDBB7
E5E5B4

Deuteranopia

757570
ABAB9E
C5C6AA
DCDCBA
E4E4B8

Tritanopia

787070
ADA0A0
C8AEB0
DEC0C1
E1C2C5

Achromatopsia

727272
A7A7A7
BFBFBF
D5D5D5
DFDFDF

Shades & Tints Shades & Tints

#786F71

Dark
Light

#ADA79A

Dark
Light

#C8C1A0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #786f71;
  --color-2: #ada79a;
  --color-3: #c8c1a0;
  --color-4: #ded8ad;
  --color-5: #e1eaa3;
}

SCSS

$color-1: #786f71;
$color-2: #ada79a;
$color-3: #c8c1a0;
$color-4: #ded8ad;
$color-5: #e1eaa3;

TAILWIND

colors: {
  'brand-1': '#786f71',
  'brand-2': '#ada79a',
  'brand-3': '#c8c1a0',
  'brand-4': '#ded8ad',
  'brand-5': '#e1eaa3',
}

RGB Array

[120, 111, 113], [173, 167, 154], [200, 193, 160], [222, 216, 173], [225, 234, 163]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #786F71, #ADA79A, #C8C1A0, #DED8AD, #E1EAA3 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. 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: #786f71; --color-2: #ada79a; --color-3: #c8c1a0; --color-4: #ded8ad; --color-5: #e1eaa3. 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. 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