#FFD9D3 + #EEC1BE + #F2F2E2 + #959770 + #A4A773 · nature - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#FFD9D3

Peach Pink · Bisque · Cherry Blossom

HEX

#FFD9D3

RGB

rgb(255, 217, 211)

HSL

hsl(8, 100%, 91%)

HSB

hsb(8, 17%, 100%)

CMYK

cmyk(0%, 15%, 17%, 0%)

Oklch

oklch(91.6% 0.043 28.5)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#EEC1BE

Peach Pink · LightPink · Cherry Blossom

HEX

#EEC1BE

RGB

rgb(238, 193, 190)

HSL

hsl(4, 59%, 84%)

HSB

hsb(4, 20%, 93%)

CMYK

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

Oklch

oklch(85.0% 0.052 22.7)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#F2F2E2

Fresh Green · Beige · Lemon Cream

HEX

#F2F2E2

RGB

rgb(242, 242, 226)

HSL

hsl(60, 38%, 92%)

HSB

hsb(60, 7%, 95%)

CMYK

cmyk(0%, 0%, 7%, 5%)

Oklch

oklch(95.7% 0.021 106.8)

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

#959770

Autumn Sage · Gray · Sunflower

HEX

#959770

RGB

rgb(149, 151, 112)

HSL

hsl(63, 16%, 52%)

HSB

hsb(63, 26%, 59%)

CMYK

cmyk(1%, 0%, 26%, 41%)

Oklch

oklch(66.5% 0.055 110.2)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#A4A773

Autumn Sage · DarkSeaGreen · Sunflower

HEX

#A4A773

RGB

rgb(164, 167, 115)

HSL

hsl(63, 23%, 55%)

HSB

hsb(63, 31%, 65%)

CMYK

cmyk(2%, 0%, 31%, 35%)

Oklch

oklch(71.3% 0.071 110.8)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFD9D3

D1F9FF

Analogous

FFD1E2

FFD9D3

FFEED1

Triadic

FFD9D3

D1FFD7

D7D1FF

Split-Comp.

FFD9D3

D1FFEE

D1E2FF

Tetradic

FFD9D3

E2FFD1

D1F9FF

EED1FF

Contrast Matrix WCAG 2.1 Contrast

FFD9D3	EEC1BE	F2F2E2	959770	A4A773
—	1.2 Fail	1.2 Fail	2.3 Fail	1.9 Fail
1.2 Fail	—	1.4 Fail	1.9 Fail	1.6 Fail
1.2 Fail	1.4 Fail	—	2.7 Fail	2.2 Fail
2.3 Fail	1.9 Fail	2.7 Fail	—	1.2 Fail
1.9 Fail	1.6 Fail	2.2 Fail	1.2 Fail	—

White BG

1.3Fail

1.6Fail

1.1Fail

3.0AA Large

2.5Fail

Black BG

16.1AAA

13.0AAA

18.6AAA

6.9AA

8.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEED4

DBDABF

F2F2E6

969679

A5A580

Deuteranopia

F1F4D5

DDE1BF

F2F2E7

96967C

A5A583

Tritanopia

FDD6D6

ECBFBF

F2E9EA

958183

A48A8C

Achromatopsia

E4E4E4

CECECE

F0F0F0

929292

A0A0A0

Shades & Tints Shades & Tints

#FFD9D3

Dark

Light

#EEC1BE

Dark

Light

#F2F2E2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffd9d3;
  --color-2: #eec1be;
  --color-3: #f2f2e2;
  --color-4: #959770;
  --color-5: #a4a773;
}

SCSS

$color-1: #ffd9d3;
$color-2: #eec1be;
$color-3: #f2f2e2;
$color-4: #959770;
$color-5: #a4a773;

TAILWIND

colors: {
  'brand-1': '#ffd9d3',
  'brand-2': '#eec1be',
  'brand-3': '#f2f2e2',
  'brand-4': '#959770',
  'brand-5': '#a4a773',
}

RGB Array

[255, 217, 211], [238, 193, 190], [242, 242, 226], [149, 151, 112], [164, 167, 115]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #FFD9D3, #EEC1BE, #F2F2E2, #959770, #A4A773 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: #ffd9d3; --color-2: #eec1be; --color-3: #f2f2e2; --color-4: #959770; --color-5: #a4a773. 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