#C9A296 + #CBB989 + #CDCF7D + #DAD4A6 + #E6DACE · nature - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#C9A296

Peach Pink · Tan · Coral Red

HEX

#C9A296

RGB

rgb(201, 162, 150)

HSL

hsl(14, 32%, 69%)

HSB

hsb(14, 25%, 79%)

CMYK

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

Oklch

oklch(74.4% 0.050 37.8)

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

#CBB989

Ginger · Tan · Sunflower

HEX

#CBB989

RGB

rgb(203, 185, 137)

HSL

hsl(44, 39%, 67%)

HSB

hsb(44, 33%, 80%)

CMYK

cmyk(0%, 9%, 33%, 20%)

Oklch

oklch(78.9% 0.067 89.9)

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

#CDCF7D

Fresh Green · BurlyWood · Sunflower

HEX

#CDCF7D

RGB

rgb(205, 207, 125)

HSL

hsl(61, 46%, 65%)

HSB

hsb(61, 40%, 81%)

CMYK

cmyk(1%, 0%, 40%, 19%)

Oklch

oklch(83.5% 0.105 109.7)

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

#DAD4A6

Fresh Green · Wheat · Sunflower

HEX

#DAD4A6

RGB

rgb(218, 212, 166)

HSL

hsl(53, 41%, 75%)

HSB

hsb(53, 24%, 85%)

CMYK

cmyk(0%, 3%, 24%, 15%)

Oklch

oklch(86.3% 0.061 101.4)

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

#E6DACE

Goose Yellow · LightGray · Peach Orange

HEX

#E6DACE

RGB

rgb(230, 218, 206)

HSL

hsl(30, 32%, 85%)

HSB

hsb(30, 10%, 90%)

CMYK

cmyk(0%, 5%, 10%, 10%)

Oklch

oklch(89.5% 0.021 67.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C9A296

97BDC9

Analogous

C997A4

C9A296

C9BC97

Triadic

C9A296

97C9A2

A297C9

Split-Comp.

C9A296

97C9BC

97A4C9

Tetradic

C9A296

A4C997

97BDC9

BC97C9

Contrast Matrix WCAG 2.1 Contrast

C9A296	CBB989	CDCF7D	DAD4A6	E6DACE
—	1.2 Fail	1.4 Fail	1.5 Fail	1.7 Fail
1.2 Fail	—	1.2 Fail	1.3 Fail	1.4 Fail
1.4 Fail	1.2 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.3Fail

1.9Fail

1.6Fail

1.5Fail

1.4Fail

Black BG

9.1AAA

10.8AAA

12.8AAA

13.9AAA

15.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B8B899

C3C395

CECE91

D7D7B1

E1E1D1

Deuteranopia

BABD9A

C4C697

CECE96

D8D8B4

E2E2D2

Tritanopia

C79B9C

CA9EA0

CDA1A4

DABABC

E5D3D4

Achromatopsia

ACACAC

B9B9B9

C5C5C5

D1D1D1

DCDCDC

Shades & Tints Shades & Tints

#C9A296

Dark

Light

#CBB989

Dark

Light

#CDCF7D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c9a296;
  --color-2: #cbb989;
  --color-3: #cdcf7d;
  --color-4: #dad4a6;
  --color-5: #e6dace;
}

SCSS

$color-1: #c9a296;
$color-2: #cbb989;
$color-3: #cdcf7d;
$color-4: #dad4a6;
$color-5: #e6dace;

TAILWIND

colors: {
  'brand-1': '#c9a296',
  'brand-2': '#cbb989',
  'brand-3': '#cdcf7d',
  'brand-4': '#dad4a6',
  'brand-5': '#e6dace',
}

RGB Array

[201, 162, 150], [203, 185, 137], [205, 207, 125], [218, 212, 166], [230, 218, 206]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #C9A296, #CBB989, #CDCF7D, #DAD4A6, #E6DACE 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: #c9a296; --color-2: #cbb989; --color-3: #cdcf7d; --color-4: #dad4a6; --color-5: #e6dace. 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