#CAC8B2 + #C2BC7F + #D3CFA4 + #E28F57 + #EECA95 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#CAC8B2

Fresh Green · Silver · Sunflower

HEX

#CAC8B2

RGB

rgb(202, 200, 178)

HSL

hsl(55, 18%, 75%)

HSB

hsb(55, 12%, 79%)

CMYK

cmyk(0%, 1%, 12%, 21%)

Oklch

oklch(82.8% 0.030 102.8)

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

#C2BC7F

Fresh Green · Tan · Sunflower

HEX

#C2BC7F

RGB

rgb(194, 188, 127)

HSL

hsl(55, 35%, 63%)

HSB

hsb(55, 35%, 76%)

CMYK

cmyk(0%, 3%, 35%, 24%)

Oklch

oklch(78.6% 0.081 103.3)

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

#D3CFA4

Fresh Green · Tan · Sunflower

HEX

#D3CFA4

RGB

rgb(211, 207, 164)

HSL

hsl(55, 35%, 74%)

HSB

hsb(55, 22%, 83%)

CMYK

cmyk(0%, 2%, 22%, 17%)

Oklch

oklch(84.7% 0.057 103.1)

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

#E28F57

Apricot · SandyBrown · Warm Sun

HEX

#E28F57

RGB

rgb(226, 143, 87)

HSL

hsl(24, 71%, 61%)

HSB

hsb(24, 62%, 89%)

CMYK

cmyk(0%, 37%, 62%, 11%)

Oklch

oklch(72.4% 0.124 53.5)

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

#EECA95

Goose Yellow · BurlyWood · Peach Orange

HEX

#EECA95

RGB

rgb(238, 202, 149)

HSL

hsl(36, 72%, 76%)

HSB

hsb(36, 37%, 93%)

CMYK

cmyk(0%, 15%, 37%, 7%)

Oklch

oklch(85.7% 0.080 77.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CAC8B2

B4B6CB

Analogous

CBBDB4

CAC8B2

C1CBB4

Triadic

CAC8B2

B4CBC9

C9B4CB

Split-Comp.

CAC8B2

B4C1CB

BDB4CB

Tetradic

CAC8B2

B4CBBD

B4B6CB

CBB4C1

Contrast Matrix WCAG 2.1 Contrast

CAC8B2	C2BC7F	D3CFA4	E28F57	EECA95
—	1.2 Fail	1.1 Fail	1.5 Fail	1.1 Fail
1.2 Fail	—	1.2 Fail	1.3 Fail	1.3 Fail
1.1 Fail	1.2 Fail	—	1.6 Fail	1.0 Fail
1.5 Fail	1.3 Fail	1.6 Fail	—	1.6 Fail
1.1 Fail	1.3 Fail	1.0 Fail	1.6 Fail	—

White BG

1.7Fail

1.9Fail

1.6Fail

2.5Fail

1.6Fail

Black BG

12.4AAA

10.8AAA

13.2AAA

8.3AAA

13.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C9B7

BFBF8E

D1D1AE

BEBD65

DEDEA2

Deuteranopia

C9C9B9

C0C091

D2D2B1

C3C968

E1E3A5

Tritanopia

CABCBC

C2999C

D3B7B8

DE6F72

ECACAE

Achromatopsia

C6C6C6

B7B7B7

CBCBCB

A1A1A1

CFCFCF

Shades & Tints Shades & Tints

#CAC8B2

Dark

Light

#C2BC7F

Dark

Light

#D3CFA4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cac8b2;
  --color-2: #c2bc7f;
  --color-3: #d3cfa4;
  --color-4: #e28f57;
  --color-5: #eeca95;
}

SCSS

$color-1: #cac8b2;
$color-2: #c2bc7f;
$color-3: #d3cfa4;
$color-4: #e28f57;
$color-5: #eeca95;

TAILWIND

colors: {
  'brand-1': '#cac8b2',
  'brand-2': '#c2bc7f',
  'brand-3': '#d3cfa4',
  'brand-4': '#e28f57',
  'brand-5': '#eeca95',
}

RGB Array

[202, 200, 178], [194, 188, 127], [211, 207, 164], [226, 143, 87], [238, 202, 149]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CAC8B2, #C2BC7F, #D3CFA4, #E28F57, #EECA95 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: #cac8b2; --color-2: #c2bc7f; --color-3: #d3cfa4; --color-4: #e28f57; --color-5: #eeca95. 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