#B6BD77 + #7FA461 + #578255 + #2D7746 + #006543 · muted - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#B6BD77

Autumn Sage · Tan · Sunflower

HEX

#B6BD77

RGB

rgb(182, 189, 119)

HSL

hsl(66, 35%, 60%)

HSB

hsb(66, 37%, 74%)

CMYK

cmyk(4%, 0%, 37%, 26%)

Oklch

oklch(77.6% 0.092 113.2)

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

#7FA461

Celadon · Gray · Olive Green

HEX

#7FA461

RGB

rgb(127, 164, 97)

HSL

hsl(93, 27%, 51%)

HSB

hsb(93, 41%, 64%)

CMYK

cmyk(23%, 0%, 41%, 36%)

Oklch

oklch(67.5% 0.102 132.1)

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

#578255

Celadon · DimGray · Olive Green

HEX

#578255

RGB

rgb(87, 130, 85)

HSL

hsl(117, 21%, 42%)

HSB

hsb(117, 35%, 51%)

CMYK

cmyk(33%, 0%, 35%, 49%)

Oklch

oklch(56.3% 0.083 143.4)

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

#2D7746

Celadon · SeaGreen · Forest Green

HEX

#2D7746

RGB

rgb(45, 119, 70)

HSL

hsl(140, 45%, 32%)

HSB

hsb(140, 62%, 47%)

CMYK

cmyk(62%, 0%, 41%, 53%)

Oklch

oklch(51.0% 0.107 151.8)

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

#006543

Mineral Blue · DarkSlateGray · Peacock Green

HEX

#006543

RGB

rgb(0, 101, 67)

HSL

hsl(160, 100%, 20%)

HSB

hsb(160, 100%, 40%)

CMYK

cmyk(100%, 0%, 34%, 60%)

Oklch

oklch(44.8% 0.099 161.7)

Traditional「Mineral Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B6BD77

7C75BD

Analogous

BDA075

B6BD77

92BD75

Triadic

B6BD77

75B6BD

BD75B6

Split-Comp.

B6BD77

7592BD

A075BD

Tetradic

B6BD77

75BDA0

7C75BD

BD7592

Contrast Matrix WCAG 2.1 Contrast

B6BD77	7FA461	578255	2D7746	006543
—	1.4 Fail	2.2 Fail	2.7 Fail	3.6 AA Large
1.4 Fail	—	1.6 Fail	1.9 Fail	2.5 Fail
2.2 Fail	1.6 Fail	—	1.2 Fail	1.6 Fail
2.7 Fail	1.9 Fail	1.2 Fail	—	1.3 Fail
3.6 AA Large	2.5 Fail	1.6 Fail	1.3 Fail	—

White BG

2.0Fail

2.8Fail

4.4AA Large

5.5AA

7.1AAA

Black BG

10.5AAA

7.4AAA

4.7AA

3.8AA Large

2.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9B988

8F8F71

6A6A60

4D4E52

2C2D4B

Deuteranopia

B9B88C

8D8A75

676463

494355

261E4D

Tritanopia

B69598

817E81

59686A

315B5D

055253

Achromatopsia

B3B3B3

919191

707070

5B5B5B

434343

Shades & Tints Shades & Tints

#B6BD77

Dark

Light

#7FA461

Dark

Light

#578255

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b6bd77;
  --color-2: #7fa461;
  --color-3: #578255;
  --color-4: #2d7746;
  --color-5: #006543;
}

SCSS

$color-1: #b6bd77;
$color-2: #7fa461;
$color-3: #578255;
$color-4: #2d7746;
$color-5: #006543;

TAILWIND

colors: {
  'brand-1': '#b6bd77',
  'brand-2': '#7fa461',
  'brand-3': '#578255',
  'brand-4': '#2d7746',
  'brand-5': '#006543',
}

RGB Array

[182, 189, 119], [127, 164, 97], [87, 130, 85], [45, 119, 70], [0, 101, 67]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #B6BD77, #7FA461, #578255, #2D7746, #006543 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: #b6bd77; --color-2: #7fa461; --color-3: #578255; --color-4: #2d7746; --color-5: #006543. 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 muted-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