#EEB975 + #F6CA99 + #E0C099 + #C4B797 + #B6B096 · nature - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#EEB975

Ginger · BurlyWood · Warm Sun

HEX

#EEB975

RGB

rgb(238, 185, 117)

HSL

hsl(34, 78%, 70%)

HSB

hsb(34, 51%, 93%)

CMYK

cmyk(0%, 22%, 51%, 7%)

Oklch

oklch(81.9% 0.105 72.4)

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

#F6CA99

Goose Yellow · Khaki · Peach Orange

HEX

#F6CA99

RGB

rgb(246, 202, 153)

HSL

hsl(32, 84%, 78%)

HSB

hsb(32, 38%, 96%)

CMYK

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

Oklch

oklch(86.6% 0.081 69.5)

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

#E0C099

Goose Yellow · BurlyWood · Warm Sun

HEX

#E0C099

RGB

rgb(224, 192, 153)

HSL

hsl(33, 53%, 74%)

HSB

hsb(33, 32%, 88%)

CMYK

cmyk(0%, 14%, 32%, 12%)

Oklch

oklch(82.6% 0.063 72.3)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#C4B797

Ginger · Tan · Sunflower

HEX

#C4B797

RGB

rgb(196, 183, 151)

HSL

hsl(43, 28%, 68%)

HSB

hsb(43, 23%, 77%)

CMYK

cmyk(0%, 7%, 23%, 23%)

Oklch

oklch(78.2% 0.046 88.5)

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

#B6B096

Ginger · DarkGray · Sunflower

HEX

#B6B096

RGB

rgb(182, 176, 150)

HSL

hsl(49, 18%, 65%)

HSB

hsb(49, 18%, 71%)

CMYK

cmyk(0%, 3%, 18%, 29%)

Oklch

oklch(75.5% 0.037 96.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEB975

77ABEE

Analogous

EE7F77

EEB975

E6EE77

Triadic

EEB975

77EEBA

BA77EE

Split-Comp.

EEB975

77E6EE

7F77EE

Tetradic

EEB975

77EE7F

77ABEE

EE77E6

Contrast Matrix WCAG 2.1 Contrast

EEB975	F6CA99	E0C099	C4B797	B6B096
—	1.2 Fail	1.0 Fail	1.1 Fail	1.2 Fail
1.2 Fail	—	1.1 Fail	1.3 Fail	1.4 Fail
1.0 Fail	1.1 Fail	—	1.2 Fail	1.3 Fail
1.1 Fail	1.3 Fail	1.2 Fail	—	1.1 Fail
1.2 Fail	1.4 Fail	1.3 Fail	1.1 Fail	—

White BG

1.8Fail

1.5Fail

1.7Fail

2.0Fail

2.2Fail

Black BG

11.8AAA

13.8AAA

12.2AAA

10.6AAA

9.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D7D785

E3E3A5

D2D2A2

BEBE9F

B3B39C

Deuteranopia

DADE89

E6E9A8

D4D6A5

BFC0A1

B4B49E

Tritanopia

EB9295

F4AEB0

DEAAAC

C3A5A6

B6A1A2

Achromatopsia

C1C1C1

D2D2D2

C5C5C5

B7B7B7

AFAFAF

Shades & Tints Shades & Tints

#EEB975

Dark

Light

#F6CA99

Dark

Light

#E0C099

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eeb975;
  --color-2: #f6ca99;
  --color-3: #e0c099;
  --color-4: #c4b797;
  --color-5: #b6b096;
}

SCSS

$color-1: #eeb975;
$color-2: #f6ca99;
$color-3: #e0c099;
$color-4: #c4b797;
$color-5: #b6b096;

TAILWIND

colors: {
  'brand-1': '#eeb975',
  'brand-2': '#f6ca99',
  'brand-3': '#e0c099',
  'brand-4': '#c4b797',
  'brand-5': '#b6b096',
}

RGB Array

[238, 185, 117], [246, 202, 153], [224, 192, 153], [196, 183, 151], [182, 176, 150]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #EEB975, #F6CA99, #E0C099, #C4B797, #B6B096 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: #eeb975; --color-2: #f6ca99; --color-3: #e0c099; --color-4: #c4b797; --color-5: #b6b096. 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