#C8C9AE + #EBD1A3 + #EBA684 + #CF8084 + #915E74 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C8C9AE

Fresh Green · Silver · Sunflower

HEX

#C8C9AE

RGB

rgb(200, 201, 174)

HSL

hsl(62, 20%, 74%)

HSB

hsb(62, 13%, 79%)

CMYK

cmyk(0%, 0%, 13%, 21%)

Oklch

oklch(82.8% 0.037 108.9)

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

#EBD1A3

Goose Yellow · Wheat · Peach Orange

HEX

#EBD1A3

RGB

rgb(235, 209, 163)

HSL

hsl(38, 64%, 78%)

HSB

hsb(38, 31%, 92%)

CMYK

cmyk(0%, 11%, 31%, 8%)

Oklch

oklch(87.1% 0.067 81.7)

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

#EBA684

Apricot · DarkSalmon · Warm Sun

HEX

#EBA684

RGB

rgb(235, 166, 132)

HSL

hsl(20, 72%, 72%)

HSB

hsb(20, 44%, 92%)

CMYK

cmyk(0%, 29%, 44%, 8%)

Oklch

oklch(78.3% 0.094 47.1)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#CF8084

Peach Pink · LightCoral · Coral Red

HEX

#CF8084

RGB

rgb(207, 128, 132)

HSL

hsl(357, 45%, 66%)

HSB

hsb(357, 38%, 81%)

CMYK

cmyk(0%, 38%, 36%, 19%)

Oklch

oklch(68.4% 0.098 16.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#915E74

Dark Violet · Gray · Camellia

HEX

#915E74

RGB

rgb(145, 94, 116)

HSL

hsl(334, 21%, 47%)

HSB

hsb(334, 35%, 57%)

CMYK

cmyk(0%, 35%, 20%, 43%)

Oklch

oklch(54.4% 0.073 352.3)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C8C9AE

B0AFCA

Analogous

CABEAF

C8C9AE

BCCAAF

Triadic

C8C9AE

AFC9CA

CAAFC9

Split-Comp.

C8C9AE

AFBCCA

BEAFCA

Tetradic

C8C9AE

AFCABE

B0AFCA

CAAFBC

Contrast Matrix WCAG 2.1 Contrast

C8C9AE	EBD1A3	EBA684	CF8084	915E74
—	1.1 Fail	1.2 Fail	1.8 Fail	3.1 AA Large
1.1 Fail	—	1.4 Fail	2.0 Fail	3.5 AA Large
1.2 Fail	1.4 Fail	—	1.5 Fail	2.5 Fail
1.8 Fail	2.0 Fail	1.5 Fail	—	1.7 Fail
3.1 AA Large	3.5 AA Large	2.5 Fail	1.7 Fail	—

White BG

1.7Fail

1.5Fail

2.0Fail

3.0Fail

5.2AA

Black BG

12.4AAA

14.2AAA

10.3AAA

7.1AAA

4.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C8B5

E0E0AE

CDCD8C

ADAC83

7B7A6F

Deuteranopia

C8C8B6

E1E3B1

D1D68E

B1B783

7E826D

Tritanopia

C8BABB

EAB7B9

E89394

CB8282

8E6A6A

Achromatopsia

C6C6C6

D4D4D4

B7B7B7

989898

707070

Shades & Tints Shades & Tints

#C8C9AE

Dark

Light

#EBD1A3

Dark

Light

#EBA684

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c8c9ae;
  --color-2: #ebd1a3;
  --color-3: #eba684;
  --color-4: #cf8084;
  --color-5: #915e74;
}

SCSS

$color-1: #c8c9ae;
$color-2: #ebd1a3;
$color-3: #eba684;
$color-4: #cf8084;
$color-5: #915e74;

TAILWIND

colors: {
  'brand-1': '#c8c9ae',
  'brand-2': '#ebd1a3',
  'brand-3': '#eba684',
  'brand-4': '#cf8084',
  'brand-5': '#915e74',
}

RGB Array

[200, 201, 174], [235, 209, 163], [235, 166, 132], [207, 128, 132], [145, 94, 116]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C8C9AE, #EBD1A3, #EBA684, #CF8084, #915E74 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: #c8c9ae; --color-2: #ebd1a3; --color-3: #eba684; --color-4: #cf8084; --color-5: #915e74. 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