#828165 + #279A79 + #6BBB4C + #90D733 + #F8D732 · nature - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarmCool

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#828165

Autumn Sage · Gray · Honey Gold

HEX

#828165

RGB

rgb(130, 129, 101)

HSL

hsl(58, 13%, 45%)

HSB

hsb(58, 22%, 51%)

CMYK

cmyk(0%, 1%, 22%, 49%)

Oklch

oklch(59.6% 0.041 105.9)

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

#279A79

Mineral Blue · MediumSeaGreen · Mint Ice

HEX

#279A79

RGB

rgb(39, 154, 121)

HSL

hsl(163, 60%, 38%)

HSB

hsb(163, 75%, 60%)

CMYK

cmyk(75%, 0%, 21%, 40%)

Oklch

oklch(61.5% 0.112 169.0)

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

#6BBB4C

Celadon · MediumSeaGreen · Olive Green

HEX

#6BBB4C

RGB

rgb(107, 187, 76)

HSL

hsl(103, 45%, 52%)

HSB

hsb(103, 59%, 73%)

CMYK

cmyk(43%, 0%, 59%, 27%)

Oklch

oklch(71.7% 0.167 137.9)

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

#90D733

Grass Green · GreenYellow · Olive Green

HEX

#90D733

RGB

rgb(144, 215, 51)

HSL

hsl(86, 67%, 52%)

HSB

hsb(86, 76%, 84%)

CMYK

cmyk(33%, 0%, 76%, 16%)

Oklch

oklch(80.3% 0.200 130.8)

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

#F8D732

Autumn Sage · Gold · Sunflower

HEX

#F8D732

RGB

rgb(248, 215, 50)

HSL

hsl(50, 93%, 58%)

HSB

hsb(50, 80%, 97%)

CMYK

cmyk(0%, 13%, 80%, 3%)

Oklch

oklch(88.1% 0.170 96.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

828165

646582

Analogous

827264

828165

748264

Triadic

828165

648281

816482

Split-Comp.

828165

647482

726482

Tetradic

828165

648272

646582

826474

Contrast Matrix WCAG 2.1 Contrast

828165	279A79	6BBB4C	90D733	F8D732
—	1.1 Fail	1.7 Fail	2.3 Fail	2.8 Fail
1.1 Fail	—	1.5 Fail	2.0 Fail	2.5 Fail
1.7 Fail	1.5 Fail	—	1.4 Fail	1.7 Fail
2.3 Fail	2.0 Fail	1.4 Fail	—	1.2 Fail
2.8 Fail	2.5 Fail	1.7 Fail	1.2 Fail	—

White BG

4.0AA Large

3.5AA Large

2.4Fail

1.8Fail

1.4Fail

Black BG

5.3AA

6.0AA

8.8AAA

12.0AAA

14.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

82826C

595A81

8E8E67

AFAF5B

EAE95A

Deuteranopia

82826D

524A83

89836D

ABA564

ECEE64

Tritanopia

827172

2D8789

6F7C81

947A81

F67980

Achromatopsia

7E7E7E

747474

969696

AFAFAF

CECECE

Shades & Tints Shades & Tints

#828165

Dark

Light

#279A79

Dark

Light

#6BBB4C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #828165;
  --color-2: #279a79;
  --color-3: #6bbb4c;
  --color-4: #90d733;
  --color-5: #f8d732;
}

SCSS

$color-1: #828165;
$color-2: #279a79;
$color-3: #6bbb4c;
$color-4: #90d733;
$color-5: #f8d732;

TAILWIND

colors: {
  'brand-1': '#828165',
  'brand-2': '#279a79',
  'brand-3': '#6bbb4c',
  'brand-4': '#90d733',
  'brand-5': '#f8d732',
}

RGB Array

[130, 129, 101], [39, 154, 121], [107, 187, 76], [144, 215, 51], [248, 215, 50]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #828165, #279A79, #6BBB4C, #90D733, #F8D732 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: #828165; --color-2: #279a79; --color-3: #6bbb4c; --color-4: #90d733; --color-5: #f8d732. 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