← Back to Editor

#655F56 · #EFEBDF · #B95E52 · #D4AC60 · #899796

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#655F56

Ochre · DimGray · Charcoal

HEX
#655F56
RGB
rgb(101, 95, 86)
HSL
hsl(36, 8%, 37%)
HSB
hsb(36, 15%, 40%)
CMYK
cmyk(0%, 6%, 15%, 60%)
Oklch
oklch(48.8% 0.016 78.2)

Traditional「Ochre」· Paint「Charcoal」· Creative Midnight Shadow

#EFEBDF

Goose Yellow · Beige · Lemon Cream

HEX
#EFEBDF
RGB
rgb(239, 235, 223)
HSL
hsl(45, 33%, 91%)
HSB
hsb(45, 7%, 94%)
CMYK
cmyk(0%, 2%, 7%, 6%)
Oklch
oklch(94.0% 0.017 91.6)

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

#B95E52

Crimson · Sienna · Passion Red

HEX
#B95E52
RGB
rgb(185, 94, 82)
HSL
hsl(7, 42%, 52%)
HSB
hsb(7, 56%, 73%)
CMYK
cmyk(0%, 49%, 56%, 27%)
Oklch
oklch(58.8% 0.120 29.0)

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

#D4AC60

Ginger · SandyBrown · Warm Sun

HEX
#D4AC60
RGB
rgb(212, 172, 96)
HSL
hsl(39, 57%, 60%)
HSB
hsb(39, 55%, 83%)
CMYK
cmyk(0%, 19%, 55%, 17%)
Oklch
oklch(76.5% 0.106 82.1)

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

#899796

Ash · LightSlateGray · Silver Sand

HEX
#899796
RGB
rgb(137, 151, 150)
HSL
hsl(176, 6%, 56%)
HSB
hsb(176, 9%, 59%)
CMYK
cmyk(9%, 0%, 1%, 41%)
Oklch
oklch(66.5% 0.016 191.6)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

655F56
575D66

Analogous

665857
655F56
646657

Triadic

655F56
576660
605766

Split-Comp.

655F56
576466
585766

Tetradic

655F56
576658
575D66
665764

Contrast Matrix WCAG 2.1 Contrast

655F56
EFEBDF
B95E52
D4AC60
899796
—
5.3
AA
1.4
Fail
3.0
Fail
2.1
Fail
5.3
AA
—
3.7
AA Large
1.8
Fail
2.5
Fail
1.4
Fail
3.7
AA Large
—
2.1
Fail
1.4
Fail
3.0
Fail
1.8
Fail
2.1
Fail
—
1.4
Fail
2.1
Fail
2.5
Fail
1.4
Fail
1.4
Fail
—
White BG
6.3AA
1.2Fail
4.4AA Large
2.1Fail
3.0AA Large
Black BG
3.3AA Large
17.6AAA
4.8AA
9.9AAA
6.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

626258
EDEDE2
929155
C3C272
8F8F96

Deuteranopia

636359
EEEEE3
979E56
C5C877
8E8D96

Tritanopia

655A5A
EFE4E5
B45758
D28184
8A9696

Achromatopsia

606060
EBEBEB
787878
AFAFAF
939393

Shades & Tints Shades & Tints

#655F56

Dark
Light

#EFEBDF

Dark
Light

#B95E52

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #655f56;
  --color-2: #efebdf;
  --color-3: #b95e52;
  --color-4: #d4ac60;
  --color-5: #899796;
}

SCSS

$color-1: #655f56;
$color-2: #efebdf;
$color-3: #b95e52;
$color-4: #d4ac60;
$color-5: #899796;

TAILWIND

colors: {
  'brand-1': '#655f56',
  'brand-2': '#efebdf',
  'brand-3': '#b95e52',
  'brand-4': '#d4ac60',
  'brand-5': '#899796',
}

RGB Array

[101, 95, 86], [239, 235, 223], [185, 94, 82], [212, 172, 96], [137, 151, 150]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #655F56, #EFEBDF, #B95E52, #D4AC60, #899796 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: #655f56; --color-2: #efebdf; --color-3: #b95e52; --color-4: #d4ac60; --color-5: #899796. 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