#E2B5A2 + #C7A292 + #DEC9B6 + #F3E4D1 + #F2EDE9 · nature - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#E2B5A2

Apricot · Tan · Peach Orange

HEX

#E2B5A2

RGB

rgb(226, 181, 162)

HSL

hsl(18, 52%, 76%)

HSB

hsb(18, 28%, 89%)

CMYK

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

Oklch

oklch(80.8% 0.059 44.1)

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

#C7A292

Apricot · Tan · Warm Sun

HEX

#C7A292

RGB

rgb(199, 162, 146)

HSL

hsl(18, 32%, 68%)

HSB

hsb(18, 27%, 78%)

CMYK

cmyk(0%, 19%, 27%, 22%)

Oklch

oklch(74.1% 0.050 44.6)

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

#DEC9B6

Apricot · Wheat · Peach Orange

HEX

#DEC9B6

RGB

rgb(222, 201, 182)

HSL

hsl(28, 38%, 79%)

HSB

hsb(28, 18%, 87%)

CMYK

cmyk(0%, 9%, 18%, 13%)

Oklch

oklch(84.8% 0.035 64.5)

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

#F3E4D1

Goose Yellow · Bisque · Peach Orange

HEX

#F3E4D1

RGB

rgb(243, 228, 209)

HSL

hsl(34, 59%, 89%)

HSB

hsb(34, 14%, 95%)

CMYK

cmyk(0%, 6%, 14%, 5%)

Oklch

oklch(92.6% 0.030 73.9)

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

#F2EDE9

Apricot · Linen · Peach Orange

HEX

#F2EDE9

RGB

rgb(242, 237, 233)

HSL

hsl(27, 26%, 93%)

HSB

hsb(27, 4%, 95%)

CMYK

cmyk(0%, 2%, 4%, 5%)

Oklch

oklch(94.9% 0.008 61.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2B5A2

A2CFE2

Analogous

E2A2AF

E2B5A2

E2D5A2

Triadic

E2B5A2

A2E2B5

B5A2E2

Split-Comp.

E2B5A2

A2E2D5

A2AFE2

Tetradic

E2B5A2

AFE2A2

A2CFE2

D5A2E2

Contrast Matrix WCAG 2.1 Contrast

E2B5A2	C7A292	DEC9B6	F3E4D1	F2EDE9
—	1.3 Fail	1.2 Fail	1.5 Fail	1.6 Fail
1.3 Fail	—	1.5 Fail	1.9 Fail	2.0 Fail
1.2 Fail	1.5 Fail	—	1.3 Fail	1.4 Fail
1.5 Fail	1.9 Fail	1.3 Fail	—	1.1 Fail
1.6 Fail	2.0 Fail	1.4 Fail	1.1 Fail	—

White BG

1.8Fail

2.3Fail

1.6Fail

1.2Fail

Black BG

11.4AAA

9.0AAA

13.1AAA

16.8AAA

18.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCEA7

B7B796

D5D5BB

EDECD6

F0F0EA

Deuteranopia

D1D5A8

B9BC97

D6D8BC

EDEFD7

F0F0EA

Tritanopia

E0AAAB

C5999A

DDBEBF

F2D9DA

F2EBEB

Achromatopsia

C0C0C0

ABABAB

CDCDCD

E6E6E6

EEEEEE

Shades & Tints Shades & Tints

#E2B5A2

Dark

Light

#C7A292

Dark

Light

#DEC9B6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2b5a2;
  --color-2: #c7a292;
  --color-3: #dec9b6;
  --color-4: #f3e4d1;
  --color-5: #f2ede9;
}

SCSS

$color-1: #e2b5a2;
$color-2: #c7a292;
$color-3: #dec9b6;
$color-4: #f3e4d1;
$color-5: #f2ede9;

TAILWIND

colors: {
  'brand-1': '#e2b5a2',
  'brand-2': '#c7a292',
  'brand-3': '#dec9b6',
  'brand-4': '#f3e4d1',
  'brand-5': '#f2ede9',
}

RGB Array

[226, 181, 162], [199, 162, 146], [222, 201, 182], [243, 228, 209], [242, 237, 233]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #E2B5A2, #C7A292, #DEC9B6, #F3E4D1, #F2EDE9 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: #e2b5a2; --color-2: #c7a292; --color-3: #dec9b6; --color-4: #f3e4d1; --color-5: #f2ede9. 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