← Back to Editor

#EBDEC0 · #B1C168 · #A3AC69 · #787560 · #3A372E

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#EBDEC0

Goose Yellow · Wheat · Lemon Cream

HEX
#EBDEC0
RGB
rgb(235, 222, 192)
HSL
hsl(42, 52%, 84%)
HSB
hsb(42, 18%, 92%)
CMYK
cmyk(0%, 6%, 18%, 8%)
Oklch
oklch(90.3% 0.042 87.4)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#B1C168

Grass Green · Tan · Olive Green

HEX
#B1C168
RGB
rgb(177, 193, 104)
HSL
hsl(71, 42%, 58%)
HSB
hsb(71, 46%, 76%)
CMYK
cmyk(8%, 0%, 46%, 24%)
Oklch
oklch(77.9% 0.116 117.5)

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

#A3AC69

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A3AC69
RGB
rgb(163, 172, 105)
HSL
hsl(68, 29%, 54%)
HSB
hsb(68, 39%, 67%)
CMYK
cmyk(5%, 0%, 39%, 33%)
Oklch
oklch(72.1% 0.090 114.9)

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

#787560

Autumn Sage · DimGray · Honey Gold

HEX
#787560
RGB
rgb(120, 117, 96)
HSL
hsl(52, 11%, 42%)
HSB
hsb(52, 20%, 47%)
CMYK
cmyk(0%, 3%, 20%, 53%)
Oklch
oklch(55.9% 0.031 100.6)

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

#3A372E

Ochre · DarkSlateGray · Amber Gold

HEX
#3A372E
RGB
rgb(58, 55, 46)
HSL
hsl(45, 12%, 20%)
HSB
hsb(45, 21%, 23%)
CMYK
cmyk(0%, 5%, 21%, 77%)
Oklch
oklch(33.7% 0.016 91.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBDEC0
C1CEEB

Analogous

EBC9C1
EBDEC0
E3EBC1

Triadic

EBDEC0
C1EBDF
DFC1EB

Split-Comp.

EBDEC0
C1E3EB
C9C1EB

Tetradic

EBDEC0
C1EBC9
C1CEEB
EBC1E3

Contrast Matrix WCAG 2.1 Contrast

EBDEC0
B1C168
A3AC69
787560
3A372E
—
1.5
Fail
1.8
Fail
3.5
AA Large
8.9
AAA
1.5
Fail
—
1.2
Fail
2.4
Fail
6.1
AA
1.8
Fail
1.2
Fail
—
1.9
Fail
4.9
AA
3.5
AA Large
2.4
Fail
1.9
Fail
—
2.6
Fail
8.9
AAA
6.1
AA
4.9
AA
2.6
Fail
—
White BG
1.3Fail
2.0Fail
2.4Fail
4.7AA
11.9AAA
Black BG
15.7AAA
10.7AAA
8.7AAA
4.5AA
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E5C7
B8B87E
A7A779
777765
393930

Deuteranopia

E6E7C9
B7B683
A6A67D
777766
393931

Tritanopia

EACDCE
B28F92
A38689
78696A
3A3232

Achromatopsia

DEDEDE
B2B2B2
A2A2A2
747474
373737

Shades & Tints Shades & Tints

#EBDEC0

Dark
Light

#B1C168

Dark
Light

#A3AC69

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebdec0;
  --color-2: #b1c168;
  --color-3: #a3ac69;
  --color-4: #787560;
  --color-5: #3a372e;
}

SCSS

$color-1: #ebdec0;
$color-2: #b1c168;
$color-3: #a3ac69;
$color-4: #787560;
$color-5: #3a372e;

TAILWIND

colors: {
  'brand-1': '#ebdec0',
  'brand-2': '#b1c168',
  'brand-3': '#a3ac69',
  'brand-4': '#787560',
  'brand-5': '#3a372e',
}

RGB Array

[235, 222, 192], [177, 193, 104], [163, 172, 105], [120, 117, 96], [58, 55, 46]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBDEC0, #B1C168, #A3AC69, #787560, #3A372E is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #ebdec0; --color-2: #b1c168; --color-3: #a3ac69; --color-4: #787560; --color-5: #3a372e. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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. 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