#8E944C + #CED863 + #D2F64A + #5BAB61 + #1F7054 · nature - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedCool

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#8E944C

Autumn Sage · Gray · Honey Gold

HEX

#8E944C

RGB

rgb(142, 148, 76)

HSL

hsl(65, 32%, 44%)

HSB

hsb(65, 49%, 58%)

CMYK

cmyk(4%, 0%, 49%, 42%)

Oklch

oklch(64.5% 0.096 113.0)

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

#CED863

Fresh Green · BurlyWood · Sunflower

HEX

#CED863

RGB

rgb(206, 216, 99)

HSL

hsl(65, 60%, 62%)

HSB

hsb(65, 54%, 85%)

CMYK

cmyk(5%, 0%, 54%, 15%)

Oklch

oklch(85.1% 0.141 113.5)

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

#D2F64A

Willow Green · GreenYellow · Apple Green

HEX

#D2F64A

RGB

rgb(210, 246, 74)

HSL

hsl(73, 91%, 63%)

HSB

hsb(73, 70%, 96%)

CMYK

cmyk(15%, 0%, 70%, 4%)

Oklch

oklch(91.7% 0.194 120.7)

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

#5BAB61

Celadon · MediumSeaGreen · Olive Green

HEX

#5BAB61

RGB

rgb(91, 171, 97)

HSL

hsl(124, 32%, 51%)

HSB

hsb(124, 47%, 67%)

CMYK

cmyk(47%, 0%, 43%, 33%)

Oklch

oklch(67.2% 0.133 145.5)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#1F7054

Mineral Blue · SeaGreen · Forest Green

HEX

#1F7054

RGB

rgb(31, 112, 84)

HSL

hsl(159, 57%, 28%)

HSB

hsb(159, 72%, 44%)

CMYK

cmyk(72%, 0%, 25%, 56%)

Oklch

oklch(48.9% 0.089 165.6)

Traditional「Mineral Blue」· Paint「Forest Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8E944C

524C94

Analogous

94764C

8E944C

6A944C

Triadic

8E944C

4C8E94

944C8E

Split-Comp.

8E944C

4C6A94

764C94

Tetradic

8E944C

4C9476

524C94

944C6A

Contrast Matrix WCAG 2.1 Contrast

8E944C	CED863	D2F64A	5BAB61	1F7054
—	2.1 Fail	2.6 Fail	1.1 Fail	1.9 Fail
2.1 Fail	—	1.2 Fail	1.8 Fail	3.9 AA Large
2.6 Fail	1.2 Fail	—	2.3 Fail	4.9 AA
1.1 Fail	1.8 Fail	2.3 Fail	—	2.1 Fail
1.9 Fail	3.9 AA Large	4.9 AA	2.1 Fail	—

White BG

3.2AA Large

1.5Fail

1.2Fail

2.8Fail

6.0AA

Black BG

6.5AA

13.6AAA

17.0AAA

7.4AAA

3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

91915D

D2D27F

E2E274

7E7E73

42435B

Deuteranopia

909062

D2D186

E0DD7E

797377

3D375C

Tritanopia

8E6B6E

CF969B

D4949C

5F8184

236061

Achromatopsia

8A8A8A

C8C8C8

D8D8D8

8B8B8B

555555

Shades & Tints Shades & Tints

#8E944C

Dark

Light

#CED863

Dark

Light

#D2F64A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8e944c;
  --color-2: #ced863;
  --color-3: #d2f64a;
  --color-4: #5bab61;
  --color-5: #1f7054;
}

SCSS

$color-1: #8e944c;
$color-2: #ced863;
$color-3: #d2f64a;
$color-4: #5bab61;
$color-5: #1f7054;

TAILWIND

colors: {
  'brand-1': '#8e944c',
  'brand-2': '#ced863',
  'brand-3': '#d2f64a',
  'brand-4': '#5bab61',
  'brand-5': '#1f7054',
}

RGB Array

[142, 148, 76], [206, 216, 99], [210, 246, 74], [91, 171, 97], [31, 112, 84]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #8E944C, #CED863, #D2F64A, #5BAB61, #1F7054 is ideal for: corporate websites, product showcases, portfolios. 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: #8e944c; --color-2: #ced863; --color-3: #d2f64a; --color-4: #5bab61; --color-5: #1f7054. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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