← Back to Editor

#919473 · #856353 · #B87561 · #E2D4C9 · #EFF0E3

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

#919473

Autumn Sage · Gray · Sunflower

HEX
#919473
RGB
rgb(145, 148, 115)
HSL
hsl(65, 13%, 52%)
HSB
hsb(65, 22%, 58%)
CMYK
cmyk(2%, 0%, 22%, 42%)
Oklch
oklch(65.5% 0.047 111.9)

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

#856353

Tangerine · DimGray · Amber Brown

HEX
#856353
RGB
rgb(133, 99, 83)
HSL
hsl(19, 23%, 42%)
HSB
hsb(19, 38%, 52%)
CMYK
cmyk(0%, 26%, 38%, 48%)
Oklch
oklch(53.0% 0.051 46.3)

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

#B87561

Crimson · DarkSalmon · Passion Red

HEX
#B87561
RGB
rgb(184, 117, 97)
HSL
hsl(14, 38%, 55%)
HSB
hsb(14, 47%, 72%)
CMYK
cmyk(0%, 36%, 47%, 28%)
Oklch
oklch(62.9% 0.090 37.4)

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

#E2D4C9

Apricot · LightGray · Peach Orange

HEX
#E2D4C9
RGB
rgb(226, 212, 201)
HSL
hsl(26, 30%, 84%)
HSB
hsb(26, 11%, 89%)
CMYK
cmyk(0%, 6%, 11%, 11%)
Oklch
oklch(87.8% 0.022 60.7)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#EFF0E3

Fresh Green · Beige · Lemon Cream

HEX
#EFF0E3
RGB
rgb(239, 240, 227)
HSL
hsl(65, 30%, 92%)
HSB
hsb(65, 5%, 94%)
CMYK
cmyk(0%, 0%, 5%, 6%)
Oklch
oklch(95.1% 0.017 110.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

919473
777595

Analogous

958775
919473
829575

Triadic

919473
759295
957592

Split-Comp.

919473
758295
877595

Tetradic

919473
759587
777595
957582

Contrast Matrix WCAG 2.1 Contrast

919473
856353
B87561
E2D4C9
EFF0E3
—
1.7
Fail
1.2
Fail
2.2
Fail
2.7
Fail
1.7
Fail
—
1.5
Fail
3.7
AA Large
4.7
AA
1.2
Fail
1.5
Fail
—
2.5
Fail
3.2
AA Large
2.2
Fail
3.7
AA Large
2.5
Fail
—
1.3
Fail
2.7
Fail
4.7
AA
3.2
AA Large
1.3
Fail
—
White BG
3.1AA Large
5.4AA
3.6AA Large
1.4Fail
1.2Fail
Black BG
6.7AA
3.9AA Large
5.8AA
14.5AAA
18.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

92927B
767657
9B9A66
DCDCCC
EFEFE6

Deuteranopia

92927D
787B58
9FA467
DDDECC
EFEFE7

Tritanopia

918183
835A5B
B56A6B
E1CECE
EFE9E9

Achromatopsia

8F8F8F
6B6B6B
878787
D7D7D7
EEEEEE

Shades & Tints Shades & Tints

#919473

Dark
Light

#856353

Dark
Light

#B87561

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #919473;
  --color-2: #856353;
  --color-3: #b87561;
  --color-4: #e2d4c9;
  --color-5: #eff0e3;
}

SCSS

$color-1: #919473;
$color-2: #856353;
$color-3: #b87561;
$color-4: #e2d4c9;
$color-5: #eff0e3;

TAILWIND

colors: {
  'brand-1': '#919473',
  'brand-2': '#856353',
  'brand-3': '#b87561',
  'brand-4': '#e2d4c9',
  'brand-5': '#eff0e3',
}

RGB Array

[145, 148, 115], [133, 99, 83], [184, 117, 97], [226, 212, 201], [239, 240, 227]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #919473, #856353, #B87561, #E2D4C9, #EFF0E3 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: #919473; --color-2: #856353; --color-3: #b87561; --color-4: #e2d4c9; --color-5: #eff0e3. 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