#CED1A2 + #B0B398 + #8F726E + #E9B294 + #FFDCAD - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#CED1A2

Fresh Green · Tan · Sunflower

HEX

#CED1A2

RGB

rgb(206, 209, 162)

HSL

hsl(64, 34%, 73%)

HSB

hsb(64, 22%, 82%)

CMYK

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

Oklch

oklch(84.7% 0.063 110.7)

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

#B0B398

Fresh Green · DarkGray · Sunflower

HEX

#B0B398

RGB

rgb(176, 179, 152)

HSL

hsl(67, 15%, 65%)

HSB

hsb(67, 15%, 70%)

CMYK

cmyk(2%, 0%, 15%, 30%)

Oklch

oklch(75.7% 0.038 112.4)

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

#8F726E

Crimson · Gray · Passion Red

HEX

#8F726E

RGB

rgb(143, 114, 110)

HSL

hsl(7, 13%, 50%)

HSB

hsb(7, 23%, 56%)

CMYK

cmyk(0%, 20%, 23%, 44%)

Oklch

oklch(57.9% 0.037 27.4)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#E9B294

Apricot · BurlyWood · Warm Sun

HEX

#E9B294

RGB

rgb(233, 178, 148)

HSL

hsl(21, 66%, 75%)

HSB

hsb(21, 36%, 91%)

CMYK

cmyk(0%, 24%, 36%, 9%)

Oklch

oklch(80.7% 0.076 49.9)

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

#FFDCAD

Goose Yellow · Wheat · Peach Orange

HEX

#FFDCAD

RGB

rgb(255, 220, 173)

HSL

hsl(34, 100%, 84%)

HSB

hsb(34, 32%, 100%)

CMYK

cmyk(0%, 14%, 32%, 0%)

Oklch

oklch(91.3% 0.072 74.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CED1A2

A6A3D2

Analogous

D2BDA3

CED1A2

B7D2A3

Triadic

CED1A2

A3CED2

D2A3CE

Split-Comp.

CED1A2

A3B7D2

BDA3D2

Tetradic

CED1A2

A3D2BD

A6A3D2

D2A3B7

Contrast Matrix WCAG 2.1 Contrast

CED1A2	B0B398	8F726E	E9B294	FFDCAD
—	1.4 Fail	2.8 Fail	1.2 Fail	1.2 Fail
1.4 Fail	—	2.0 Fail	1.2 Fail	1.7 Fail
2.8 Fail	2.0 Fail	—	2.3 Fail	3.4 AA Large
1.2 Fail	1.2 Fail	2.3 Fail	—	1.4 Fail
1.2 Fail	1.7 Fail	3.4 AA Large	1.4 Fail	—

White BG

1.6Fail

2.2Fail

4.4AA Large

1.9Fail

1.3Fail

Black BG

13.3AAA

9.7AAA

4.8AA

11.3AAA

16.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCFAD

B1B19F

82826F

D1D19B

F0F0B8

Deuteranopia

CFCFB0

B1B1A0

84866F

D4D99D

F2F5BB

Tritanopia

CEB6B8

B0A4A5

8E7070

E6A1A2

FDC1C3

Achromatopsia

CBCBCB

AFAFAF

7A7A7A

BFBFBF

E1E1E1

Shades & Tints Shades & Tints

#CED1A2

Dark

Light

#B0B398

Dark

Light

#8F726E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ced1a2;
  --color-2: #b0b398;
  --color-3: #8f726e;
  --color-4: #e9b294;
  --color-5: #ffdcad;
}

SCSS

$color-1: #ced1a2;
$color-2: #b0b398;
$color-3: #8f726e;
$color-4: #e9b294;
$color-5: #ffdcad;

TAILWIND

colors: {
  'brand-1': '#ced1a2',
  'brand-2': '#b0b398',
  'brand-3': '#8f726e',
  'brand-4': '#e9b294',
  'brand-5': '#ffdcad',
}

RGB Array

[206, 209, 162], [176, 179, 152], [143, 114, 110], [233, 178, 148], [255, 220, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CED1A2, #B0B398, #8F726E, #E9B294, #FFDCAD 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: #ced1a2; --color-2: #b0b398; --color-3: #8f726e; --color-4: #e9b294; --color-5: #ffdcad. 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