← Back to Editor

#BEB594 · #DECD97 · #8A774C · #783624 · #5B5F51

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

#BEB594

Ginger · Tan · Sunflower

HEX
#BEB594
RGB
rgb(190, 181, 148)
HSL
hsl(47, 24%, 66%)
HSB
hsb(47, 22%, 75%)
CMYK
cmyk(0%, 5%, 22%, 25%)
Oklch
oklch(77.2% 0.046 94.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#DECD97

Goose Yellow · BurlyWood · Sunflower

HEX
#DECD97
RGB
rgb(222, 205, 151)
HSL
hsl(46, 52%, 73%)
HSB
hsb(46, 32%, 87%)
CMYK
cmyk(0%, 8%, 32%, 13%)
Oklch
oklch(84.9% 0.073 92.7)

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

#8A774C

Ochre · DimGray · Honey Gold

HEX
#8A774C
RGB
rgb(138, 119, 76)
HSL
hsl(42, 29%, 42%)
HSB
hsb(42, 45%, 54%)
CMYK
cmyk(0%, 14%, 45%, 46%)
Oklch
oklch(57.7% 0.064 86.6)

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

#783624

Crimson · Brown · Wine Red

HEX
#783624
RGB
rgb(120, 54, 36)
HSL
hsl(13, 54%, 31%)
HSB
hsb(13, 70%, 47%)
CMYK
cmyk(0%, 55%, 70%, 53%)
Oklch
oklch(41.8% 0.097 36.2)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#5B5F51

Grass Green · DimGray · Charcoal

HEX
#5B5F51
RGB
rgb(91, 95, 81)
HSL
hsl(77, 8%, 35%)
HSB
hsb(77, 15%, 37%)
CMYK
cmyk(4%, 0%, 15%, 63%)
Oklch
oklch(47.8% 0.022 120.2)

Traditional「Grass Green」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BEB594
939DBD

Analogous

BD9F93
BEB594
B1BD93

Triadic

BEB594
93BDB4
B493BD

Split-Comp.

BEB594
93B1BD
9F93BD

Tetradic

BEB594
93BD9F
939DBD
BD93B1

Contrast Matrix WCAG 2.1 Contrast

BEB594
DECD97
8A774C
783624
5B5F51
—
1.3
Fail
2.1
Fail
4.3
AA Large
3.2
AA Large
1.3
Fail
—
2.8
Fail
5.6
AA
4.2
AA Large
2.1
Fail
2.8
Fail
—
2.1
Fail
1.5
Fail
4.3
AA Large
5.6
AA
2.1
Fail
—
1.4
Fail
3.2
AA Large
4.2
AA Large
1.5
Fail
1.4
Fail
—
White BG
2.1Fail
1.6Fail
4.4AA Large
8.9AAA
6.6AA
Black BG
10.2AAA
13.3AAA
4.8AA
2.4Fail
3.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

BABA9C
D7D6A4
828256
5B5B28
5D5D54

Deuteranopia

BBBB9E
D8D9A7
838459
5F6429
5D5C55

Tritanopia

BEA2A4
DDAEB1
895F60
752C2D
5B5758

Achromatopsia

B4B4B4
CCCCCC
787878
484848
5C5C5C

Shades & Tints Shades & Tints

#BEB594

Dark
Light

#DECD97

Dark
Light

#8A774C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #beb594;
  --color-2: #decd97;
  --color-3: #8a774c;
  --color-4: #783624;
  --color-5: #5b5f51;
}

SCSS

$color-1: #beb594;
$color-2: #decd97;
$color-3: #8a774c;
$color-4: #783624;
$color-5: #5b5f51;

TAILWIND

colors: {
  'brand-1': '#beb594',
  'brand-2': '#decd97',
  'brand-3': '#8a774c',
  'brand-4': '#783624',
  'brand-5': '#5b5f51',
}

RGB Array

[190, 181, 148], [222, 205, 151], [138, 119, 76], [120, 54, 36], [91, 95, 81]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BEB594, #DECD97, #8A774C, #783624, #5B5F51 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #beb594; --color-2: #decd97; --color-3: #8a774c; --color-4: #783624; --color-5: #5b5f51. 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. 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