#6E7E23 + #C0C836 + #EBF70E + #AEA384 + #D5CC3D · nature - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#6E7E23

Grass Green · DarkOliveGreen · Forest Green

HEX

#6E7E23

RGB

rgb(110, 126, 35)

HSL

hsl(71, 57%, 32%)

HSB

hsb(71, 72%, 49%)

CMYK

cmyk(13%, 0%, 72%, 51%)

Oklch

oklch(56.2% 0.115 119.0)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#C0C836

Autumn Sage · GoldenRod · Honey Gold

HEX

#C0C836

RGB

rgb(192, 200, 54)

HSL

hsl(63, 57%, 50%)

HSB

hsb(63, 73%, 78%)

CMYK

cmyk(4%, 0%, 73%, 22%)

Oklch

oklch(80.1% 0.161 112.7)

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

#EBF70E

Autumn Sage · Yellow · Sunflower

HEX

#EBF70E

RGB

rgb(235, 247, 14)

HSL

hsl(63, 94%, 51%)

HSB

hsb(63, 94%, 97%)

CMYK

cmyk(5%, 0%, 94%, 3%)

Oklch

oklch(93.6% 0.208 113.3)

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

#AEA384

Ginger · DarkGray · Sunflower

HEX

#AEA384

RGB

rgb(174, 163, 132)

HSL

hsl(44, 21%, 60%)

HSB

hsb(44, 24%, 68%)

CMYK

cmyk(0%, 6%, 24%, 32%)

Oklch

oklch(71.7% 0.045 90.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#D5CC3D

Autumn Sage · GoldenRod · Sunflower

HEX

#D5CC3D

RGB

rgb(213, 204, 61)

HSL

hsl(56, 64%, 54%)

HSB

hsb(56, 71%, 84%)

CMYK

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

Oklch

oklch(82.8% 0.157 105.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6E7E23

342380

Analogous

806323

6E7E23

418023

Triadic

6E7E23

236F80

80236F

Split-Comp.

6E7E23

234180

632380

Tetradic

6E7E23

238063

342380

802341

Contrast Matrix WCAG 2.1 Contrast

6E7E23	C0C836	EBF70E	AEA384	D5CC3D
—	2.5 Fail	3.8 AA Large	1.8 Fail	2.7 Fail
2.5 Fail	—	1.5 Fail	1.4 Fail	1.1 Fail
3.8 AA Large	1.5 Fail	—	2.1 Fail	1.4 Fail
1.8 Fail	1.4 Fail	2.1 Fail	—	1.5 Fail
2.7 Fail	1.1 Fail	1.4 Fail	1.5 Fail	—

White BG

4.5AA Large

1.8Fail

1.2Fail

2.5Fail

1.7Fail

Black BG

4.7AA

11.6AAA

17.8AAA

8.4AAA

12.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

757539

C3C459

F0F046

A9A98C

D1D160

Deuteranopia

74733E

C3C262

F0EF54

AAAB8D

D2D268

Tritanopia

6F4A4E

C0757B

EC737D

AD9193

D57B81

Achromatopsia

6F6F6F

B5B5B5

D9D9D9

A3A3A3

BEBEBE

Shades & Tints Shades & Tints

#6E7E23

Dark

Light

#C0C836

Dark

Light

#EBF70E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6e7e23;
  --color-2: #c0c836;
  --color-3: #ebf70e;
  --color-4: #aea384;
  --color-5: #d5cc3d;
}

SCSS

$color-1: #6e7e23;
$color-2: #c0c836;
$color-3: #ebf70e;
$color-4: #aea384;
$color-5: #d5cc3d;

TAILWIND

colors: {
  'brand-1': '#6e7e23',
  'brand-2': '#c0c836',
  'brand-3': '#ebf70e',
  'brand-4': '#aea384',
  'brand-5': '#d5cc3d',
}

RGB Array

[110, 126, 35], [192, 200, 54], [235, 247, 14], [174, 163, 132], [213, 204, 61]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #6E7E23, #C0C836, #EBF70E, #AEA384, #D5CC3D 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: #6e7e23; --color-2: #c0c836; --color-3: #ebf70e; --color-4: #aea384; --color-5: #d5cc3d. 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