#C3B290 + #E3B78C + #F9B89B + #E1CAA5 + #D0CEB1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C3B290

Ginger · Tan · Sunflower

HEX

#C3B290

RGB

rgb(195, 178, 144)

HSL

hsl(40, 30%, 66%)

HSB

hsb(40, 26%, 76%)

CMYK

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

Oklch

oklch(76.9% 0.050 84.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#E3B78C

Goose Yellow · BurlyWood · Warm Sun

HEX

#E3B78C

RGB

rgb(227, 183, 140)

HSL

hsl(30, 61%, 72%)

HSB

hsb(30, 38%, 89%)

CMYK

cmyk(0%, 19%, 38%, 11%)

Oklch

oklch(80.8% 0.076 65.7)

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

#F9B89B

Apricot · BurlyWood · Peach Orange

HEX

#F9B89B

RGB

rgb(249, 184, 155)

HSL

hsl(19, 89%, 79%)

HSB

hsb(19, 38%, 98%)

CMYK

cmyk(0%, 26%, 38%, 2%)

Oklch

oklch(83.6% 0.086 45.1)

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

#E1CAA5

Goose Yellow · Wheat · Peach Orange

HEX

#E1CAA5

RGB

rgb(225, 202, 165)

HSL

hsl(37, 50%, 76%)

HSB

hsb(37, 27%, 88%)

CMYK

cmyk(0%, 10%, 27%, 12%)

Oklch

oklch(84.9% 0.056 79.6)

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

#D0CEB1

Fresh Green · Silver · Sunflower

HEX

#D0CEB1

RGB

rgb(208, 206, 177)

HSL

hsl(56, 25%, 75%)

HSB

hsb(56, 15%, 82%)

CMYK

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

Oklch

oklch(84.5% 0.039 104.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C3B290

8EA0C2

Analogous

C2978E

C3B290

BAC28E

Triadic

C3B290

8EC2B1

B18EC2

Split-Comp.

C3B290

8EBAC2

978EC2

Tetradic

C3B290

8EC297

8EA0C2

C28EBA

Contrast Matrix WCAG 2.1 Contrast

C3B290	E3B78C	F9B89B	E1CAA5	D0CEB1
—	1.1 Fail	1.2 Fail	1.3 Fail	1.3 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.2 Fail
1.2 Fail	1.1 Fail	—	1.1 Fail	1.1 Fail
1.3 Fail	1.2 Fail	1.1 Fail	—	1.0 Fail
1.3 Fail	1.2 Fail	1.1 Fail	1.0 Fail	—

White BG

2.1Fail

1.8Fail

1.7Fail

1.6Fail

Black BG

10.1AAA

11.4AAA

12.4AAA

13.2AAA

13.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBB98

D0D096

DDDCA2

D7D7AE

CFCFB8

Deuteranopia

BDBE9A

D3D699

E1E5A4

D8DAB0

CFCFBA

Tritanopia

C29FA0

E19FA0

F6A8A9

E0B5B7

D0BEBF

Achromatopsia

B3B3B3

BFBFBF

C8C8C8

CDCDCD

CBCBCB

Shades & Tints Shades & Tints

#C3B290

Dark

Light

#E3B78C

Dark

Light

#F9B89B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c3b290;
  --color-2: #e3b78c;
  --color-3: #f9b89b;
  --color-4: #e1caa5;
  --color-5: #d0ceb1;
}

SCSS

$color-1: #c3b290;
$color-2: #e3b78c;
$color-3: #f9b89b;
$color-4: #e1caa5;
$color-5: #d0ceb1;

TAILWIND

colors: {
  'brand-1': '#c3b290',
  'brand-2': '#e3b78c',
  'brand-3': '#f9b89b',
  'brand-4': '#e1caa5',
  'brand-5': '#d0ceb1',
}

RGB Array

[195, 178, 144], [227, 183, 140], [249, 184, 155], [225, 202, 165], [208, 206, 177]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C3B290, #E3B78C, #F9B89B, #E1CAA5, #D0CEB1 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: #c3b290; --color-2: #e3b78c; --color-3: #f9b89b; --color-4: #e1caa5; --color-5: #d0ceb1. 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