#594F41 + #85D332 + #349158 + #286E5D + #235261 · nature - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarmCool

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#594F41

Ochre · DarkOliveGreen · Amber Brown

HEX

#594F41

RGB

rgb(89, 79, 65)

HSL

hsl(35, 16%, 30%)

HSB

hsb(35, 27%, 35%)

CMYK

cmyk(0%, 11%, 27%, 65%)

Oklch

oklch(43.3% 0.026 76.2)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#85D332

Grass Green · GreenYellow · Olive Green

HEX

#85D332

RGB

rgb(133, 211, 50)

HSL

hsl(89, 65%, 51%)

HSB

hsb(89, 76%, 83%)

CMYK

cmyk(37%, 0%, 76%, 17%)

Oklch

oklch(78.7% 0.201 132.6)

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

#349158

Celadon · SeaGreen · Forest Green

HEX

#349158

RGB

rgb(52, 145, 88)

HSL

hsl(143, 47%, 39%)

HSB

hsb(143, 64%, 57%)

CMYK

cmyk(64%, 0%, 39%, 43%)

Oklch

oklch(58.7% 0.124 153.1)

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

#286E5D

Mineral Blue · SeaGreen · Mint Ice

HEX

#286E5D

RGB

rgb(40, 110, 93)

HSL

hsl(165, 47%, 29%)

HSB

hsb(165, 64%, 43%)

CMYK

cmyk(64%, 0%, 15%, 57%)

Oklch

oklch(48.9% 0.075 174.2)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#235261

Slate Blue · DarkSlateGray · Mint Ice

HEX

#235261

RGB

rgb(35, 82, 97)

HSL

hsl(195, 47%, 26%)

HSB

hsb(195, 64%, 38%)

CMYK

cmyk(64%, 15%, 0%, 62%)

Oklch

oklch(41.3% 0.057 221.7)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

594F41

404A59

Analogous

594240

594F41

575940

Triadic

594F41

40594F

4F4059

Split-Comp.

594F41

405759

424059

Tetradic

594F41

405942

404A59

594057

Contrast Matrix WCAG 2.1 Contrast

594F41	85D332	349158	286E5D	235261
—	4.3 AA Large	2.0 Fail	1.3 Fail	1.1 Fail
4.3 AA Large	—	2.1 Fail	3.3 AA Large	4.6 AA
2.0 Fail	2.1 Fail	—	1.5 Fail	2.2 Fail
1.3 Fail	3.3 AA Large	1.5 Fail	—	1.4 Fail
1.1 Fail	4.6 AA	2.2 Fail	1.4 Fail	—

White BG

8.0AAA

1.8Fail

3.9AA Large

6.0AA

8.6AAA

Black BG

2.6Fail

11.4AAA

5.3AA

3.5AA Large

2.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

555544

A7A759

5C5D66

464761

37385D

Deuteranopia

555645

A29C62

575069

423D62

35315C

Tritanopia

594748

89787E

397173

2C6465

255B5A

Achromatopsia

505050

A9A9A9

6F6F6F

575757

464646

Shades & Tints Shades & Tints

#594F41

Dark

Light

#85D332

Dark

Light

#349158

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #594f41;
  --color-2: #85d332;
  --color-3: #349158;
  --color-4: #286e5d;
  --color-5: #235261;
}

SCSS

$color-1: #594f41;
$color-2: #85d332;
$color-3: #349158;
$color-4: #286e5d;
$color-5: #235261;

TAILWIND

colors: {
  'brand-1': '#594f41',
  'brand-2': '#85d332',
  'brand-3': '#349158',
  'brand-4': '#286e5d',
  'brand-5': '#235261',
}

RGB Array

[89, 79, 65], [133, 211, 50], [52, 145, 88], [40, 110, 93], [35, 82, 97]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #594F41, #85D332, #349158, #286E5D, #235261 is ideal for: tech websites, dark mode UIs, game UIs. 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: #594f41; --color-2: #85d332; --color-3: #349158; --color-4: #286e5d; --color-5: #235261. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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