#EEE9CB + #CFC19C + #E96658 + #B73E47 + #C2C49D · nature - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#EEE9CB

Fresh Green · Bisque · Lemon Cream

HEX

#EEE9CB

RGB

rgb(238, 233, 203)

HSL

hsl(51, 51%, 86%)

HSB

hsb(51, 15%, 93%)

CMYK

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

Oklch

oklch(93.0% 0.040 99.3)

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

#CFC19C

Goose Yellow · Tan · Sunflower

HEX

#CFC19C

RGB

rgb(207, 193, 156)

HSL

hsl(44, 35%, 71%)

HSB

hsb(44, 25%, 81%)

CMYK

cmyk(0%, 7%, 25%, 19%)

Oklch

oklch(81.3% 0.052 89.8)

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

#E96658

Peach Pink · Tomato · Coral Red

HEX

#E96658

RGB

rgb(233, 102, 88)

HSL

hsl(6, 77%, 63%)

HSB

hsb(6, 62%, 91%)

CMYK

cmyk(0%, 56%, 62%, 9%)

Oklch

oklch(67.0% 0.165 28.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#B73E47

Crimson · Brown · Passion Red

HEX

#B73E47

RGB

rgb(183, 62, 71)

HSL

hsl(356, 49%, 48%)

HSB

hsb(356, 66%, 72%)

CMYK

cmyk(0%, 66%, 61%, 28%)

Oklch

oklch(53.8% 0.156 19.9)

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

#C2C49D

Fresh Green · Tan · Sunflower

HEX

#C2C49D

RGB

rgb(194, 196, 157)

HSL

hsl(63, 25%, 69%)

HSB

hsb(63, 20%, 77%)

CMYK

cmyk(1%, 0%, 20%, 23%)

Oklch

oklch(80.9% 0.053 109.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEE9CB

C9CFEE

Analogous

EED6C9

EEE9CB

E1EEC9

Triadic

EEE9CB

C9EEE8

E8C9EE

Split-Comp.

EEE9CB

C9E1EE

D6C9EE

Tetradic

EEE9CB

C9EED6

C9CFEE

EEC9E1

Contrast Matrix WCAG 2.1 Contrast

EEE9CB	CFC19C	E96658	B73E47	C2C49D
—	1.5 Fail	2.6 Fail	4.5 AA	1.5 Fail
1.5 Fail	—	1.8 Fail	3.1 AA Large	1.0 Fail
2.6 Fail	1.8 Fail	—	1.7 Fail	1.8 Fail
4.5 AA	3.1 AA Large	1.7 Fail	—	3.1 AA Large
1.5 Fail	1.0 Fail	1.8 Fail	3.1 AA Large	—

White BG

1.2Fail

1.8Fail

3.2AA Large

5.5AA

1.8Fail

Black BG

17.2AAA

11.8AAA

6.5AA

3.8AA Large

11.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ECECD2

C9C9A5

B0AF5B

838245

C3C3A6

Deuteranopia

ECEDD4

CACBA7

B8C25C

8A9344

C3C3A9

Tritanopia

EED8D9

CEACAE

E25E5F

B14343

C2AEB0

Achromatopsia

E7E7E7

C1C1C1

8C8C8C

636363

BFBFBF

Shades & Tints Shades & Tints

#EEE9CB

Dark

Light

#CFC19C

Dark

Light

#E96658

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eee9cb;
  --color-2: #cfc19c;
  --color-3: #e96658;
  --color-4: #b73e47;
  --color-5: #c2c49d;
}

SCSS

$color-1: #eee9cb;
$color-2: #cfc19c;
$color-3: #e96658;
$color-4: #b73e47;
$color-5: #c2c49d;

TAILWIND

colors: {
  'brand-1': '#eee9cb',
  'brand-2': '#cfc19c',
  'brand-3': '#e96658',
  'brand-4': '#b73e47',
  'brand-5': '#c2c49d',
}

RGB Array

[238, 233, 203], [207, 193, 156], [233, 102, 88], [183, 62, 71], [194, 196, 157]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #EEE9CB, #CFC19C, #E96658, #B73E47, #C2C49D 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: #eee9cb; --color-2: #cfc19c; --color-3: #e96658; --color-4: #b73e47; --color-5: #c2c49d. 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 nature-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