#CBCAB5 + #E5D5BC + #E7C099 + #E0A28B + #C26867 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#CBCAB5

Fresh Green · Silver · Sunflower

HEX

#CBCAB5

RGB

rgb(203, 202, 181)

HSL

hsl(57, 17%, 75%)

HSB

hsb(57, 11%, 80%)

CMYK

cmyk(0%, 0%, 11%, 20%)

Oklch

oklch(83.4% 0.029 104.8)

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

#E5D5BC

Goose Yellow · Wheat · Peach Orange

HEX

#E5D5BC

RGB

rgb(229, 213, 188)

HSL

hsl(37, 44%, 82%)

HSB

hsb(37, 18%, 90%)

CMYK

cmyk(0%, 7%, 18%, 10%)

Oklch

oklch(87.9% 0.038 79.1)

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

#E7C099

Goose Yellow · BurlyWood · Warm Sun

HEX

#E7C099

RGB

rgb(231, 192, 153)

HSL

hsl(30, 62%, 75%)

HSB

hsb(30, 34%, 91%)

CMYK

cmyk(0%, 17%, 34%, 9%)

Oklch

oklch(83.2% 0.068 66.7)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#E0A28B

Apricot · BurlyWood · Warm Sun

HEX

#E0A28B

RGB

rgb(224, 162, 139)

HSL

hsl(16, 58%, 71%)

HSB

hsb(16, 38%, 88%)

CMYK

cmyk(0%, 28%, 38%, 12%)

Oklch

oklch(76.6% 0.081 41.2)

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

#C26867

Crimson · LightCoral · Passion Red

HEX

#C26867

RGB

rgb(194, 104, 103)

HSL

hsl(1, 43%, 58%)

HSB

hsb(1, 47%, 76%)

CMYK

cmyk(0%, 46%, 47%, 24%)

Oklch

oklch(62.1% 0.115 21.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CBCAB5

B4B5CA

Analogous

CABEB4

CBCAB5

C0CAB4

Triadic

CBCAB5

B4CAC9

C9B4CA

Split-Comp.

CBCAB5

B4C0CA

BEB4CA

Tetradic

CBCAB5

B4CABE

B4B5CA

CAB4C0

Contrast Matrix WCAG 2.1 Contrast

CBCAB5	E5D5BC	E7C099	E0A28B	C26867
—	1.2 Fail	1.0 Fail	1.3 Fail	2.3 Fail
1.2 Fail	—	1.2 Fail	1.5 Fail	2.7 Fail
1.0 Fail	1.2 Fail	—	1.3 Fail	2.3 Fail
1.3 Fail	1.5 Fail	1.3 Fail	—	1.8 Fail
2.3 Fail	2.7 Fail	2.3 Fail	1.8 Fail	—

White BG

1.7Fail

1.4Fail

1.7Fail

2.2Fail

3.8AA Large

Black BG

12.7AAA

14.6AAA

12.4AAA

9.7AAA

5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCBBA

DEDEC2

D6D6A2

C5C591

9B9A67

Deuteranopia

CBCBBB

DFE0C4

D8DBA5

C9CD92

A0A767

Tritanopia

CBBEBF

E4C7C8

E5AAAC

DD9596

BD6767

Achromatopsia

C8C8C8

D7D7D7

C7C7C7

B2B2B2

838383

Shades & Tints Shades & Tints

#CBCAB5

Dark

Light

#E5D5BC

Dark

Light

#E7C099

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cbcab5;
  --color-2: #e5d5bc;
  --color-3: #e7c099;
  --color-4: #e0a28b;
  --color-5: #c26867;
}

SCSS

$color-1: #cbcab5;
$color-2: #e5d5bc;
$color-3: #e7c099;
$color-4: #e0a28b;
$color-5: #c26867;

TAILWIND

colors: {
  'brand-1': '#cbcab5',
  'brand-2': '#e5d5bc',
  'brand-3': '#e7c099',
  'brand-4': '#e0a28b',
  'brand-5': '#c26867',
}

RGB Array

[203, 202, 181], [229, 213, 188], [231, 192, 153], [224, 162, 139], [194, 104, 103]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CBCAB5, #E5D5BC, #E7C099, #E0A28B, #C26867 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: #cbcab5; --color-2: #e5d5bc; --color-3: #e7c099; --color-4: #e0a28b; --color-5: #c26867. 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