← Back to Editor

#8E8B6A · #B5B37A · #E9E4BC · #B9CCB6 · #C9E2CC

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#8E8B6A

Autumn Sage · Gray · Honey Gold

HEX
#8E8B6A
RGB
rgb(142, 139, 106)
HSL
hsl(55, 15%, 49%)
HSB
hsb(55, 25%, 56%)
CMYK
cmyk(0%, 2%, 25%, 44%)
Oklch
oklch(63.1% 0.047 103.3)

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

#B5B37A

Autumn Sage · Tan · Sunflower

HEX
#B5B37A
RGB
rgb(181, 179, 122)
HSL
hsl(58, 29%, 59%)
HSB
hsb(58, 33%, 71%)
CMYK
cmyk(0%, 1%, 33%, 29%)
Oklch
oklch(75.5% 0.076 106.4)

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

#E9E4BC

Fresh Green · Wheat · Lemon Cream

HEX
#E9E4BC
RGB
rgb(233, 228, 188)
HSL
hsl(53, 51%, 83%)
HSB
hsb(53, 19%, 91%)
CMYK
cmyk(0%, 2%, 19%, 9%)
Oklch
oklch(91.3% 0.053 101.5)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#B9CCB6

Celadon · Silver · Apple Green

HEX
#B9CCB6
RGB
rgb(185, 204, 182)
HSL
hsl(112, 18%, 76%)
HSB
hsb(112, 11%, 80%)
CMYK
cmyk(9%, 0%, 11%, 20%)
Oklch
oklch(82.5% 0.037 141.4)

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

#C9E2CC

Celadon · LightGray · Mint Green

HEX
#C9E2CC
RGB
rgb(201, 226, 204)
HSL
hsl(127, 30%, 84%)
HSB
hsb(127, 11%, 89%)
CMYK
cmyk(11%, 0%, 10%, 11%)
Oklch
oklch(88.8% 0.040 148.7)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8E8B6A
6A6D90

Analogous

907A6A
8E8B6A
80906A

Triadic

8E8B6A
6A908D
8D6A90

Split-Comp.

8E8B6A
6A8090
7A6A90

Tetradic

8E8B6A
6A907A
6A6D90
906A80

Contrast Matrix WCAG 2.1 Contrast

8E8B6A
B5B37A
E9E4BC
B9CCB6
C9E2CC
—
1.6
Fail
2.7
Fail
2.0
Fail
2.5
Fail
1.6
Fail
—
1.7
Fail
1.3
Fail
1.6
Fail
2.7
Fail
1.7
Fail
—
1.3
Fail
1.1
Fail
2.0
Fail
1.3
Fail
1.3
Fail
—
1.2
Fail
2.5
Fail
1.6
Fail
1.1
Fail
1.2
Fail
—
White BG
3.5AA Large
2.2Fail
1.3Fail
1.7Fail
1.4Fail
Black BG
6.1AA
9.7AAA
16.3AAA
12.4AAA
15.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8D8D72
B4B488
E7E7C6
C1C1BB
D4D4D1

Deuteranopia

8D8D74
B4B48B
E7E8C8
C0BFBD
D2D1D3

Tritanopia

8E787A
B59395
E9CDCF
BAC0C0
CAD6D6

Achromatopsia

888888
ADADAD
E1E1E1
C4C4C4
D8D8D8

Shades & Tints Shades & Tints

#8E8B6A

Dark
Light

#B5B37A

Dark
Light

#E9E4BC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8e8b6a;
  --color-2: #b5b37a;
  --color-3: #e9e4bc;
  --color-4: #b9ccb6;
  --color-5: #c9e2cc;
}

SCSS

$color-1: #8e8b6a;
$color-2: #b5b37a;
$color-3: #e9e4bc;
$color-4: #b9ccb6;
$color-5: #c9e2cc;

TAILWIND

colors: {
  'brand-1': '#8e8b6a',
  'brand-2': '#b5b37a',
  'brand-3': '#e9e4bc',
  'brand-4': '#b9ccb6',
  'brand-5': '#c9e2cc',
}

RGB Array

[142, 139, 106], [181, 179, 122], [233, 228, 188], [185, 204, 182], [201, 226, 204]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8E8B6A, #B5B37A, #E9E4BC, #B9CCB6, #C9E2CC is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #8e8b6a; --color-2: #b5b37a; --color-3: #e9e4bc; --color-4: #b9ccb6; --color-5: #c9e2cc. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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