#ACA96E + #7D803C + #5E5C2C + #FF0061 + #776438 · nature - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#ACA96E

Autumn Sage · DarkSeaGreen · Sunflower

HEX

#ACA96E

RGB

rgb(172, 169, 110)

HSL

hsl(57, 27%, 55%)

HSB

hsb(57, 36%, 67%)

CMYK

cmyk(0%, 2%, 36%, 33%)

Oklch

oklch(72.3% 0.079 105.7)

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

#7D803C

Autumn Sage · DarkOliveGreen · Honey Gold

HEX

#7D803C

RGB

rgb(125, 128, 60)

HSL

hsl(63, 36%, 37%)

HSB

hsb(63, 53%, 50%)

CMYK

cmyk(2%, 0%, 53%, 50%)

Oklch

oklch(58.2% 0.091 111.2)

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

#5E5C2C

Autumn Sage · DarkOliveGreen · Honey Gold

HEX

#5E5C2C

RGB

rgb(94, 92, 44)

HSL

hsl(58, 36%, 27%)

HSB

hsb(58, 53%, 37%)

CMYK

cmyk(0%, 2%, 53%, 63%)

Oklch

oklch(46.5% 0.068 106.6)

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

#FF0061

Dark Violet · DeepPink · Camellia

HEX

#FF0061

RGB

rgb(255, 0, 97)

HSL

hsl(337, 100%, 50%)

HSB

hsb(337, 100%, 100%)

CMYK

cmyk(0%, 100%, 62%, 0%)

Oklch

oklch(63.8% 0.255 12.0)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#776438

Ochre · DarkOliveGreen · Honey Gold

HEX

#776438

RGB

rgb(119, 100, 56)

HSL

hsl(42, 36%, 34%)

HSB

hsb(42, 53%, 47%)

CMYK

cmyk(0%, 16%, 53%, 53%)

Oklch

oklch(51.1% 0.066 86.7)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ACA96E

6D70AB

Analogous

AB896D

ACA96E

8FAB6D

Triadic

ACA96E

6DABA8

A86DAB

Split-Comp.

ACA96E

6D8FAB

896DAB

Tetradic

ACA96E

6DAB89

6D70AB

AB6D8F

Contrast Matrix WCAG 2.1 Contrast

ACA96E	7D803C	5E5C2C	FF0061	776438
—	1.7 Fail	2.8 Fail	1.6 Fail	2.4 Fail
1.7 Fail	—	1.7 Fail	1.1 Fail	1.4 Fail
2.8 Fail	1.7 Fail	—	1.8 Fail	1.2 Fail
1.6 Fail	1.1 Fail	1.8 Fail	—	1.5 Fail
2.4 Fail	1.4 Fail	1.2 Fail	1.5 Fail	—

White BG

2.4Fail

4.2AA Large

6.9AA

3.9AA Large

5.7AA

Black BG

8.7AAA

5.0AA

3.0AA Large

5.4AA

3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

ABAB7C

7E7E4C

5D5D38

918E4A

6F6F43

Deuteranopia

ABAB80

7E7E50

5D5D3A

9FB344

707145

Tritanopia

AC888A

7D595C

5E4143

F23733

764B4D

Achromatopsia

A3A3A3

777777

575757

656565

Shades & Tints Shades & Tints

#ACA96E

Dark

Light

#7D803C

Dark

Light

#5E5C2C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aca96e;
  --color-2: #7d803c;
  --color-3: #5e5c2c;
  --color-4: #ff0061;
  --color-5: #776438;
}

SCSS

$color-1: #aca96e;
$color-2: #7d803c;
$color-3: #5e5c2c;
$color-4: #ff0061;
$color-5: #776438;

TAILWIND

colors: {
  'brand-1': '#aca96e',
  'brand-2': '#7d803c',
  'brand-3': '#5e5c2c',
  'brand-4': '#ff0061',
  'brand-5': '#776438',
}

RGB Array

[172, 169, 110], [125, 128, 60], [94, 92, 44], [255, 0, 97], [119, 100, 56]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #ACA96E, #7D803C, #5E5C2C, #FF0061, #776438 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: #aca96e; --color-2: #7d803c; --color-3: #5e5c2c; --color-4: #ff0061; --color-5: #776438. 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