#C8C8A4 + #E8DAAB + #B8A682 + #826A60 + #E8A18D - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C8C8A4

Fresh Green · Silver · Sunflower

HEX

#C8C8A4

RGB

rgb(200, 200, 164)

HSL

hsl(60, 25%, 71%)

HSB

hsb(60, 18%, 78%)

CMYK

cmyk(0%, 0%, 18%, 22%)

Oklch

oklch(82.3% 0.049 107.4)

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

#E8DAAB

Goose Yellow · Wheat · Lemon Cream

HEX

#E8DAAB

RGB

rgb(232, 218, 171)

HSL

hsl(46, 57%, 79%)

HSB

hsb(46, 26%, 91%)

CMYK

cmyk(0%, 6%, 26%, 9%)

Oklch

oklch(88.8% 0.063 93.4)

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

#B8A682

Ginger · Tan · Sunflower

HEX

#B8A682

RGB

rgb(184, 166, 130)

HSL

hsl(40, 28%, 62%)

HSB

hsb(40, 29%, 72%)

CMYK

cmyk(0%, 10%, 29%, 28%)

Oklch

oklch(73.1% 0.054 84.4)

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

#826A60

Tangerine · DimGray · Amber Brown

HEX

#826A60

RGB

rgb(130, 106, 96)

HSL

hsl(18, 15%, 44%)

HSB

hsb(18, 26%, 51%)

CMYK

cmyk(0%, 18%, 26%, 49%)

Oklch

oklch(54.5% 0.034 43.8)

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

#E8A18D

Peach Pink · DarkSalmon · Coral Red

HEX

#E8A18D

RGB

rgb(232, 161, 141)

HSL

hsl(13, 66%, 73%)

HSB

hsb(13, 39%, 91%)

CMYK

cmyk(0%, 31%, 39%, 9%)

Oklch

oklch(77.3% 0.090 36.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C8C8A4

A3A3C8

Analogous

C8B5A3

C8C8A4

B5C8A3

Triadic

C8C8A4

A3C8C8

C8A3C8

Split-Comp.

C8C8A4

A3B5C8

B5A3C8

Tetradic

C8C8A4

A3C8B5

A3A3C8

C8A3B5

Contrast Matrix WCAG 2.1 Contrast

C8C8A4	E8DAAB	B8A682	826A60	E8A18D
—	1.2 Fail	1.4 Fail	2.9 Fail	1.2 Fail
1.2 Fail	—	1.7 Fail	3.6 AA Large	1.5 Fail
1.4 Fail	1.7 Fail	—	2.1 Fail	1.1 Fail
2.9 Fail	3.6 AA Large	2.1 Fail	—	2.4 Fail
1.2 Fail	1.5 Fail	1.1 Fail	2.4 Fail	—

White BG

1.7Fail

1.4Fail

2.4Fail

5.0AA

2.1Fail

Black BG

12.3AAA

15.0AAA

8.8AAA

4.2AA Large

9.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C8AD

E2E2B6

B0B08B

787762

C9C992

Deuteranopia

C8C8AF

E3E4B9

B1B38D

797B63

CDD393

Tritanopia

C8B4B5

E7BFC1

B79293

816465

E49697

Achromatopsia

C4C4C4

D9D9D9

A7A7A7

707070

B4B4B4

Shades & Tints Shades & Tints

#C8C8A4

Dark

Light

#E8DAAB

Dark

Light

#B8A682

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c8c8a4;
  --color-2: #e8daab;
  --color-3: #b8a682;
  --color-4: #826a60;
  --color-5: #e8a18d;
}

SCSS

$color-1: #c8c8a4;
$color-2: #e8daab;
$color-3: #b8a682;
$color-4: #826a60;
$color-5: #e8a18d;

TAILWIND

colors: {
  'brand-1': '#c8c8a4',
  'brand-2': '#e8daab',
  'brand-3': '#b8a682',
  'brand-4': '#826a60',
  'brand-5': '#e8a18d',
}

RGB Array

[200, 200, 164], [232, 218, 171], [184, 166, 130], [130, 106, 96], [232, 161, 141]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C8C8A4, #E8DAAB, #B8A682, #826A60, #E8A18D is ideal for: health products, baby brands, fresh-style blogs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #c8c8a4; --color-2: #e8daab; --color-3: #b8a682; --color-4: #826a60; --color-5: #e8a18d. 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 tech, SaaS, healthcare, eco industries. 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