#CDC2A4 + #EADDBA + #C6A876 + #D69168 + #D37655 · minimal - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureWarm

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin Panel

Color Details Color Details

#CDC2A4

Goose Yellow · Tan · Sunflower

HEX

#CDC2A4

RGB

rgb(205, 194, 164)

HSL

hsl(44, 29%, 72%)

HSB

hsb(44, 20%, 80%)

CMYK

cmyk(0%, 5%, 20%, 20%)

Oklch

oklch(81.5% 0.042 90.3)

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

#EADDBA

Goose Yellow · Wheat · Lemon Cream

HEX

#EADDBA

RGB

rgb(234, 221, 186)

HSL

hsl(44, 53%, 82%)

HSB

hsb(44, 21%, 92%)

CMYK

cmyk(0%, 6%, 21%, 8%)

Oklch

oklch(89.9% 0.048 90.1)

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

#C6A876

Ginger · Tan · Warm Sun

HEX

#C6A876

RGB

rgb(198, 168, 118)

HSL

hsl(37, 41%, 62%)

HSB

hsb(37, 40%, 78%)

CMYK

cmyk(0%, 15%, 40%, 22%)

Oklch

oklch(74.6% 0.075 79.9)

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

#D69168

Apricot · DarkSalmon · Warm Sun

HEX

#D69168

RGB

rgb(214, 145, 104)

HSL

hsl(22, 57%, 62%)

HSB

hsb(22, 51%, 84%)

CMYK

cmyk(0%, 32%, 51%, 16%)

Oklch

oklch(71.6% 0.101 51.2)

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

#D37655

Tangerine · Coral · Warm Sun

HEX

#D37655

RGB

rgb(211, 118, 85)

HSL

hsl(16, 59%, 58%)

HSB

hsb(16, 60%, 83%)

CMYK

cmyk(0%, 44%, 60%, 17%)

Oklch

oklch(66.3% 0.126 40.1)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CDC2A4

A3AECC

Analogous

CCADA3

CDC2A4

C3CCA3

Triadic

CDC2A4

A3CCC1

C1A3CC

Split-Comp.

CDC2A4

A3C3CC

ADA3CC

Tetradic

CDC2A4

A3CCAD

A3AECC

CCA3C3

Contrast Matrix WCAG 2.1 Contrast

CDC2A4	EADDBA	C6A876	D69168	D37655
—	1.3 Fail	1.3 Fail	1.5 Fail	1.8 Fail
1.3 Fail	—	1.7 Fail	1.9 Fail	2.4 Fail
1.3 Fail	1.7 Fail	—	1.1 Fail	1.4 Fail
1.5 Fail	1.9 Fail	1.1 Fail	—	1.2 Fail
1.8 Fail	2.4 Fail	1.4 Fail	1.2 Fail	—

White BG

1.8Fail

1.4Fail

2.3Fail

2.6Fail

3.2AA Large

Black BG

11.8AAA

15.6AAA

9.3AAA

8.1AAA

6.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C8AB

E4E4C2

B9B982

B8B872

ABAA5D

Deuteranopia

C9CAAD

E5E6C5

BBBD85

BCC174

B0B75F

Tritanopia

CCB1B2

E9C9CB

C58C8E

D37A7B

CE6365

Achromatopsia

C2C2C2

DDDDDD

ABABAB

A1A1A1

8E8E8E

Shades & Tints Shades & Tints

#CDC2A4

Dark

Light

#EADDBA

Dark

Light

#C6A876

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cdc2a4;
  --color-2: #eaddba;
  --color-3: #c6a876;
  --color-4: #d69168;
  --color-5: #d37655;
}

SCSS

$color-1: #cdc2a4;
$color-2: #eaddba;
$color-3: #c6a876;
$color-4: #d69168;
$color-5: #d37655;

TAILWIND

colors: {
  'brand-1': '#cdc2a4',
  'brand-2': '#eaddba',
  'brand-3': '#c6a876',
  'brand-4': '#d69168',
  'brand-5': '#d37655',
}

RGB Array

[205, 194, 164], [234, 221, 186], [198, 168, 118], [214, 145, 104], [211, 118, 85]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #CDC2A4, #EADDBA, #C6A876, #D69168, #D37655 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: #cdc2a4; --color-2: #eaddba; --color-3: #c6a876; --color-4: #d69168; --color-5: #d37655. 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 minimal-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