#D6CD82 + #B2A149 + #999F79 + #BEC8A6 + #FFDAB5 · nature - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#D6CD82

Fresh Green · BurlyWood · Sunflower

HEX

#D6CD82

RGB

rgb(214, 205, 130)

HSL

hsl(54, 51%, 67%)

HSB

hsb(54, 39%, 84%)

CMYK

cmyk(0%, 4%, 39%, 16%)

Oklch

oklch(83.9% 0.096 102.3)

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

#B2A149

Autumn Sage · GoldenRod · Honey Gold

HEX

#B2A149

RGB

rgb(178, 161, 73)

HSL

hsl(50, 42%, 49%)

HSB

hsb(50, 59%, 70%)

CMYK

cmyk(0%, 10%, 59%, 30%)

Oklch

oklch(70.6% 0.110 98.5)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#999F79

Autumn Sage · DarkSeaGreen · Sunflower

HEX

#999F79

RGB

rgb(153, 159, 121)

HSL

hsl(69, 17%, 55%)

HSB

hsb(69, 24%, 62%)

CMYK

cmyk(4%, 0%, 24%, 38%)

Oklch

oklch(68.8% 0.054 115.1)

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

#BEC8A6

Willow Green · Silver · Apple Green

HEX

#BEC8A6

RGB

rgb(190, 200, 166)

HSL

hsl(78, 24%, 72%)

HSB

hsb(78, 17%, 78%)

CMYK

cmyk(5%, 0%, 17%, 22%)

Oklch

oklch(81.6% 0.048 120.8)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#FFDAB5

Goose Yellow · Wheat · Peach Orange

HEX

#FFDAB5

RGB

rgb(255, 218, 181)

HSL

hsl(30, 100%, 85%)

HSB

hsb(30, 29%, 100%)

CMYK

cmyk(0%, 15%, 29%, 0%)

Oklch

oklch(91.0% 0.064 66.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6CD82

8089D6

Analogous

D6A280

D6CD82

B3D680

Triadic

D6CD82

80D6CD

CD80D6

Split-Comp.

D6CD82

80B3D6

A280D6

Tetradic

D6CD82

80D6A2

8089D6

D680B3

Contrast Matrix WCAG 2.1 Contrast

D6CD82	B2A149	999F79	BEC8A6	FFDAB5
—	1.6 Fail	1.7 Fail	1.1 Fail	1.2 Fail
1.6 Fail	—	1.1 Fail	1.5 Fail	2.0 Fail
1.7 Fail	1.1 Fail	—	1.6 Fail	2.1 Fail
1.1 Fail	1.5 Fail	1.6 Fail	—	1.3 Fail
1.2 Fail	2.0 Fail	2.1 Fail	1.3 Fail	—

White BG

1.6Fail

2.6Fail

2.8Fail

1.7Fail

1.3Fail

Black BG

12.9AAA

8.1AAA

7.6AAA

12.0AAA

15.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D2D294

ABAA5E

9C9C82

C2C2AE

EFEFBE

Deuteranopia

D3D399

ACAD63

9B9B84

C2C1B0

F1F4C0

Tritanopia

D6A2A6

B16F73

99898B

BFB5B6

FDC5C7

Achromatopsia

C7C7C7

9C9C9C

999999

C1C1C1

E1E1E1

Shades & Tints Shades & Tints

#D6CD82

Dark

Light

#B2A149

Dark

Light

#999F79

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6cd82;
  --color-2: #b2a149;
  --color-3: #999f79;
  --color-4: #bec8a6;
  --color-5: #ffdab5;
}

SCSS

$color-1: #d6cd82;
$color-2: #b2a149;
$color-3: #999f79;
$color-4: #bec8a6;
$color-5: #ffdab5;

TAILWIND

colors: {
  'brand-1': '#d6cd82',
  'brand-2': '#b2a149',
  'brand-3': '#999f79',
  'brand-4': '#bec8a6',
  'brand-5': '#ffdab5',
}

RGB Array

[214, 205, 130], [178, 161, 73], [153, 159, 121], [190, 200, 166], [255, 218, 181]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #D6CD82, #B2A149, #999F79, #BEC8A6, #FFDAB5 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: #d6cd82; --color-2: #b2a149; --color-3: #999f79; --color-4: #bec8a6; --color-5: #ffdab5. 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