← Back to Editor

#969A79 · #E2CE99 · #E0B392 · #7D7165 · #B3B091

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 Library

Color Details Color Details

#969A79

Autumn Sage · Gray · Sunflower

HEX
#969A79
RGB
rgb(150, 154, 121)
HSL
hsl(67, 14%, 54%)
HSB
hsb(67, 21%, 60%)
CMYK
cmyk(3%, 0%, 21%, 40%)
Oklch
oklch(67.4% 0.047 113.3)

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

#E2CE99

Goose Yellow · BurlyWood · Sunflower

HEX
#E2CE99
RGB
rgb(226, 206, 153)
HSL
hsl(44, 56%, 74%)
HSB
hsb(44, 32%, 89%)
CMYK
cmyk(0%, 9%, 32%, 11%)
Oklch
oklch(85.5% 0.073 89.8)

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

#E0B392

Apricot · BurlyWood · Warm Sun

HEX
#E0B392
RGB
rgb(224, 179, 146)
HSL
hsl(25, 56%, 73%)
HSB
hsb(25, 35%, 88%)
CMYK
cmyk(0%, 20%, 35%, 12%)
Oklch
oklch(79.9% 0.069 57.8)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#7D7165

Ochre · DimGray · Amber Brown

HEX
#7D7165
RGB
rgb(125, 113, 101)
HSL
hsl(30, 11%, 44%)
HSB
hsb(30, 19%, 49%)
CMYK
cmyk(0%, 10%, 19%, 51%)
Oklch
oklch(55.6% 0.024 67.3)

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

#B3B091

Fresh Green · DarkGray · Sunflower

HEX
#B3B091
RGB
rgb(179, 176, 145)
HSL
hsl(55, 18%, 64%)
HSB
hsb(55, 19%, 70%)
CMYK
cmyk(0%, 2%, 19%, 30%)
Oklch
oklch(75.1% 0.043 102.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

969A79
7D799A

Analogous

9A8E79
969A79
869A79

Triadic

969A79
79969A
9A7996

Split-Comp.

969A79
79869A
8E799A

Tetradic

969A79
799A8E
7D799A
9A7986

Contrast Matrix WCAG 2.1 Contrast

969A79
E2CE99
E0B392
7D7165
B3B091
—
1.9
Fail
1.5
Fail
1.6
Fail
1.3
Fail
1.9
Fail
—
1.2
Fail
3.1
AA Large
1.4
Fail
1.5
Fail
1.2
Fail
—
2.5
Fail
1.2
Fail
1.6
Fail
3.1
AA Large
2.5
Fail
—
2.2
Fail
1.3
Fail
1.4
Fail
1.2
Fail
2.2
Fail
—
White BG
2.9Fail
1.6Fail
1.9Fail
4.7AA
2.2Fail
Black BG
7.2AAA
13.5AAA
11.0AAA
4.4AA Large
9.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

989881
D9D9A6
CDCC9A
787868
B2B299

Deuteranopia

989783
DBDCA9
CFD29C
797969
B2B29A

Tritanopia

968789
E1B0B2
DEA0A2
7C6A6B
B39EA0

Achromatopsia

959595
CECECE
BDBDBD
737373
ADADAD

Shades & Tints Shades & Tints

#969A79

Dark
Light

#E2CE99

Dark
Light

#E0B392

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #969a79;
  --color-2: #e2ce99;
  --color-3: #e0b392;
  --color-4: #7d7165;
  --color-5: #b3b091;
}

SCSS

$color-1: #969a79;
$color-2: #e2ce99;
$color-3: #e0b392;
$color-4: #7d7165;
$color-5: #b3b091;

TAILWIND

colors: {
  'brand-1': '#969a79',
  'brand-2': '#e2ce99',
  'brand-3': '#e0b392',
  'brand-4': '#7d7165',
  'brand-5': '#b3b091',
}

RGB Array

[150, 154, 121], [226, 206, 153], [224, 179, 146], [125, 113, 101], [179, 176, 145]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #969A79, #E2CE99, #E0B392, #7D7165, #B3B091 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: #969a79; --color-2: #e2ce99; --color-3: #e0b392; --color-4: #7d7165; --color-5: #b3b091. 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