#C3B6A4 + #DBC0AB + #EACEB0 + #EBDCB5 + #EDEDB9 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C3B6A4

Ginger · Tan · Warm Sun

HEX

#C3B6A4

RGB

rgb(195, 182, 164)

HSL

hsl(35, 21%, 70%)

HSB

hsb(35, 16%, 76%)

CMYK

cmyk(0%, 7%, 16%, 24%)

Oklch

oklch(78.2% 0.029 76.1)

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

#DBC0AB

Apricot · Silver · Peach Orange

HEX

#DBC0AB

RGB

rgb(219, 192, 171)

HSL

hsl(26, 40%, 76%)

HSB

hsb(26, 22%, 86%)

CMYK

cmyk(0%, 12%, 22%, 14%)

Oklch

oklch(82.5% 0.042 60.0)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#EACEB0

Goose Yellow · Wheat · Peach Orange

HEX

#EACEB0

RGB

rgb(234, 206, 176)

HSL

hsl(31, 58%, 80%)

HSB

hsb(31, 25%, 92%)

CMYK

cmyk(0%, 12%, 25%, 8%)

Oklch

oklch(86.7% 0.051 69.0)

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

#EBDCB5

Goose Yellow · Wheat · Lemon Cream

HEX

#EBDCB5

RGB

rgb(235, 220, 181)

HSL

hsl(43, 57%, 82%)

HSB

hsb(43, 23%, 92%)

CMYK

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

Oklch

oklch(89.7% 0.054 89.5)

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

#EDEDB9

Fresh Green · Wheat · Lemon Cream

HEX

#EDEDB9

RGB

rgb(237, 237, 185)

HSL

hsl(60, 59%, 83%)

HSB

hsb(60, 22%, 93%)

CMYK

cmyk(0%, 0%, 22%, 7%)

Oklch

oklch(93.3% 0.067 107.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C3B6A4

A2B0C3

Analogous

C3A5A2

C3B6A4

C0C3A2

Triadic

C3B6A4

A2C3B5

B5A2C3

Split-Comp.

C3B6A4

A2C0C3

A5A2C3

Tetradic

C3B6A4

A2C3A5

A2B0C3

C3A2C0

Contrast Matrix WCAG 2.1 Contrast

C3B6A4	DBC0AB	EACEB0	EBDCB5	EDEDB9
—	1.2 Fail	1.3 Fail	1.5 Fail	1.7 Fail
1.2 Fail	—	1.1 Fail	1.3 Fail	1.4 Fail
1.3 Fail	1.1 Fail	—	1.1 Fail	1.2 Fail
1.5 Fail	1.3 Fail	1.1 Fail	—	1.1 Fail
1.7 Fail	1.4 Fail	1.2 Fail	1.1 Fail	—

White BG

2.0Fail

1.7Fail

1.5Fail

1.4Fail

1.2Fail

Black BG

10.5AAA

12.1AAA

14.0AAA

15.4AAA

17.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BDBDA8

CFCFB0

DEDEB7

E5E4BE

EDEDC6

Deuteranopia

BEBFA9

D1D3B1

E0E2B9

E5E7C1

EDEDC9

Tritanopia

C2ACAD

DAB4B5

E9BDBE

EAC6C8

EDD0D2

Achromatopsia

B8B8B8

C6C6C6

D3D3D3

DCDCDC

E7E7E7

Shades & Tints Shades & Tints

#C3B6A4

Dark

Light

#DBC0AB

Dark

Light

#EACEB0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c3b6a4;
  --color-2: #dbc0ab;
  --color-3: #eaceb0;
  --color-4: #ebdcb5;
  --color-5: #ededb9;
}

SCSS

$color-1: #c3b6a4;
$color-2: #dbc0ab;
$color-3: #eaceb0;
$color-4: #ebdcb5;
$color-5: #ededb9;

TAILWIND

colors: {
  'brand-1': '#c3b6a4',
  'brand-2': '#dbc0ab',
  'brand-3': '#eaceb0',
  'brand-4': '#ebdcb5',
  'brand-5': '#ededb9',
}

RGB Array

[195, 182, 164], [219, 192, 171], [234, 206, 176], [235, 220, 181], [237, 237, 185]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C3B6A4, #DBC0AB, #EACEB0, #EBDCB5, #EDEDB9 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: #c3b6a4; --color-2: #dbc0ab; --color-3: #eaceb0; --color-4: #ebdcb5; --color-5: #ededb9. 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