#7A7229 + #A29F2E + #CEDC87 + #B0BC68 + #8C9C44 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#7A7229

Autumn Sage · DarkOliveGreen · Honey Gold

HEX

#7A7229

RGB

rgb(122, 114, 41)

HSL

hsl(54, 50%, 32%)

HSB

hsb(54, 66%, 48%)

CMYK

cmyk(0%, 7%, 66%, 52%)

Oklch

oklch(54.4% 0.094 103.1)

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

#A29F2E

Autumn Sage · DarkGoldenRod · Honey Gold

HEX

#A29F2E

RGB

rgb(162, 159, 46)

HSL

hsl(58, 56%, 41%)

HSB

hsb(58, 72%, 64%)

CMYK

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

Oklch

oklch(68.4% 0.131 107.9)

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

#CEDC87

Willow Green · Khaki · Apple Green

HEX

#CEDC87

RGB

rgb(206, 220, 135)

HSL

hsl(70, 55%, 70%)

HSB

hsb(70, 39%, 86%)

CMYK

cmyk(6%, 0%, 39%, 14%)

Oklch

oklch(86.5% 0.110 116.4)

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

#B0BC68

Autumn Sage · Tan · Sunflower

HEX

#B0BC68

RGB

rgb(176, 188, 104)

HSL

hsl(69, 39%, 57%)

HSB

hsb(69, 45%, 74%)

CMYK

cmyk(6%, 0%, 45%, 26%)

Oklch

oklch(76.7% 0.109 115.7)

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

#8C9C44

Grass Green · Gray · Olive Green

HEX

#8C9C44

RGB

rgb(140, 156, 68)

HSL

hsl(71, 39%, 44%)

HSB

hsb(71, 56%, 61%)

CMYK

cmyk(10%, 0%, 56%, 39%)

Oklch

oklch(66.1% 0.115 118.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7A7229

29317A

Analogous

7A4929

7A7229

5A7A29

Triadic

7A7229

297A72

72297A

Split-Comp.

7A7229

295A7A

49297A

Tetradic

7A7229

297A49

29317A

7A295A

Contrast Matrix WCAG 2.1 Contrast

7A7229	A29F2E	CEDC87	B0BC68	8C9C44
—	1.8 Fail	3.3 AA Large	2.4 Fail	1.6 Fail
1.8 Fail	—	1.9 Fail	1.4 Fail	1.1 Fail
3.3 AA Large	1.9 Fail	—	1.4 Fail	2.0 Fail
2.4 Fail	1.4 Fail	1.4 Fail	—	1.5 Fail
1.6 Fail	1.1 Fail	2.0 Fail	1.5 Fail	—

White BG

4.9AA

2.8Fail

1.5Fail

2.1Fail

3.0AA Large

Black BG

4.3AA Large

7.5AAA

14.2AAA

10.2AAA

7.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

77763B

A1A149

D4D49C

B5B57C

939359

Deuteranopia

77783F

A1A150

D3D2A1

B5B481

92915E

Tritanopia

7A494C

A25F64

CFACAF

B18C90

8D6A6E

Achromatopsia

6C6C6C

939393

CECECE

AFAFAF

8D8D8D

Shades & Tints Shades & Tints

#7A7229

Dark

Light

#A29F2E

Dark

Light

#CEDC87

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7a7229;
  --color-2: #a29f2e;
  --color-3: #cedc87;
  --color-4: #b0bc68;
  --color-5: #8c9c44;
}

SCSS

$color-1: #7a7229;
$color-2: #a29f2e;
$color-3: #cedc87;
$color-4: #b0bc68;
$color-5: #8c9c44;

TAILWIND

colors: {
  'brand-1': '#7a7229',
  'brand-2': '#a29f2e',
  'brand-3': '#cedc87',
  'brand-4': '#b0bc68',
  'brand-5': '#8c9c44',
}

RGB Array

[122, 114, 41], [162, 159, 46], [206, 220, 135], [176, 188, 104], [140, 156, 68]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7A7229, #A29F2E, #CEDC87, #B0BC68, #8C9C44 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: #7a7229; --color-2: #a29f2e; --color-3: #cedc87; --color-4: #b0bc68; --color-5: #8c9c44. 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 general-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