← Back to Editor

#E2E2BC · #BFB59C · #9C9080 · #766261 · #554047

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

#E2E2BC

Fresh Green · Wheat · Lemon Cream

HEX
#E2E2BC
RGB
rgb(226, 226, 188)
HSL
hsl(60, 40%, 81%)
HSB
hsb(60, 17%, 89%)
CMYK
cmyk(0%, 0%, 17%, 11%)
Oklch
oklch(90.3% 0.050 107.4)

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

#BFB59C

Ginger · Tan · Sunflower

HEX
#BFB59C
RGB
rgb(191, 181, 156)
HSL
hsl(43, 21%, 68%)
HSB
hsb(43, 18%, 75%)
CMYK
cmyk(0%, 5%, 18%, 25%)
Oklch
oklch(77.5% 0.036 88.8)

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

#9C9080

Ginger · Gray · Warm Sun

HEX
#9C9080
RGB
rgb(156, 144, 128)
HSL
hsl(34, 12%, 56%)
HSB
hsb(34, 18%, 61%)
CMYK
cmyk(0%, 8%, 18%, 39%)
Oklch
oklch(65.9% 0.027 75.1)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#766261

Crimson · DimGray · Passion Red

HEX
#766261
RGB
rgb(118, 98, 97)
HSL
hsl(3, 10%, 42%)
HSB
hsb(3, 18%, 46%)
CMYK
cmyk(0%, 17%, 18%, 54%)
Oklch
oklch(51.5% 0.026 21.4)

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

#554047

Dark Violet · DarkSlateGray · Camellia

HEX
#554047
RGB
rgb(85, 64, 71)
HSL
hsl(340, 14%, 29%)
HSB
hsb(340, 25%, 33%)
CMYK
cmyk(0%, 25%, 16%, 67%)
Oklch
oklch(39.7% 0.031 356.7)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2E2BC
BBBBE2

Analogous

E2CFBB
E2E2BC
CFE2BB

Triadic

E2E2BC
BBE2E2
E2BBE2

Split-Comp.

E2E2BC
BBCFE2
CFBBE2

Tetradic

E2E2BC
BBE2CF
BBBBE2
E2BBCF

Contrast Matrix WCAG 2.1 Contrast

E2E2BC
BFB59C
9C9080
766261
554047
—
1.5
Fail
2.4
Fail
4.3
AA Large
7.2
AAA
1.5
Fail
—
1.5
Fail
2.8
Fail
4.7
AA
2.4
Fail
1.5
Fail
—
1.8
Fail
3.0
AA Large
4.3
AA Large
2.8
Fail
1.8
Fail
—
1.7
Fail
7.2
AAA
4.7
AA
3.0
AA Large
1.7
Fail
—
White BG
1.3Fail
2.0Fail
3.1AA Large
5.7AA
9.5AAA
Black BG
15.8AAA
10.3AAA
6.7AA
3.7AA Large
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E2C5
BBBBA2
979784
6D6D61
4C4C45

Deuteranopia

E2E2C7
BBBCA4
989885
6F7061
4D4F45

Tritanopia

E2CCCE
BFA7A8
9B8788
756161
544444

Achromatopsia

DEDEDE
B5B5B5
929292
686868
474747

Shades & Tints Shades & Tints

#E2E2BC

Dark
Light

#BFB59C

Dark
Light

#9C9080

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2e2bc;
  --color-2: #bfb59c;
  --color-3: #9c9080;
  --color-4: #766261;
  --color-5: #554047;
}

SCSS

$color-1: #e2e2bc;
$color-2: #bfb59c;
$color-3: #9c9080;
$color-4: #766261;
$color-5: #554047;

TAILWIND

colors: {
  'brand-1': '#e2e2bc',
  'brand-2': '#bfb59c',
  'brand-3': '#9c9080',
  'brand-4': '#766261',
  'brand-5': '#554047',
}

RGB Array

[226, 226, 188], [191, 181, 156], [156, 144, 128], [118, 98, 97], [85, 64, 71]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E2E2BC, #BFB59C, #9C9080, #766261, #554047 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: #e2e2bc; --color-2: #bfb59c; --color-3: #9c9080; --color-4: #766261; --color-5: #554047. 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