← Back to Editor

#79544F · #808183 · #7EA19B · #B5D8AB · #E0E3A7

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 Library

Color Details Color Details

#79544F

Crimson · DimGray · Wine Red

HEX
#79544F
RGB
rgb(121, 84, 79)
HSL
hsl(7, 21%, 39%)
HSB
hsb(7, 35%, 47%)
CMYK
cmyk(0%, 31%, 35%, 53%)
Oklch
oklch(48.4% 0.051 27.7)

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

#808183

Ash · Gray · Warm Gray

HEX
#808183
RGB
rgb(128, 129, 131)
HSL
hsl(220, 1%, 51%)
HSB
hsb(220, 2%, 51%)
CMYK
cmyk(2%, 2%, 0%, 49%)
Oklch
oklch(60.3% 0.003 264.5)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

#7EA19B

Mineral Blue · LightSlateGray · Lake Green

HEX
#7EA19B
RGB
rgb(126, 161, 155)
HSL
hsl(170, 16%, 56%)
HSB
hsb(170, 22%, 63%)
CMYK
cmyk(22%, 0%, 4%, 37%)
Oklch
oklch(68.1% 0.040 183.5)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#B5D8AB

Celadon · Silver · Apple Green

HEX
#B5D8AB
RGB
rgb(181, 216, 171)
HSL
hsl(107, 37%, 76%)
HSB
hsb(107, 21%, 85%)
CMYK
cmyk(16%, 0%, 21%, 15%)
Oklch
oklch(84.5% 0.072 138.8)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#E0E3A7

Fresh Green · Wheat · Lemon Cream

HEX
#E0E3A7
RGB
rgb(224, 227, 167)
HSL
hsl(63, 52%, 77%)
HSB
hsb(63, 26%, 89%)
CMYK
cmyk(1%, 0%, 26%, 11%)
Oklch
oklch(89.9% 0.078 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

79544F
4F7378

Analogous

784F5F
79544F
78684F

Triadic

79544F
4F7853
534F78

Split-Comp.

79544F
4F7868
4F5F78

Tetradic

79544F
5F784F
4F7378
684F78

Contrast Matrix WCAG 2.1 Contrast

79544F
808183
7EA19B
B5D8AB
E0E3A7
—
1.7
Fail
2.3
Fail
4.2
AA Large
4.9
AA
1.7
Fail
—
1.4
Fail
2.5
Fail
2.9
Fail
2.3
Fail
1.4
Fail
—
1.8
Fail
2.1
Fail
4.2
AA Large
2.5
Fail
1.8
Fail
—
1.2
Fail
4.9
AA
2.9
Fail
2.1
Fail
1.2
Fail
—
White BG
6.6AA
3.9AA Large
2.8Fail
1.6Fail
1.3Fail
Black BG
3.2AA Large
5.4AA
7.5AAA
13.4AAA
15.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

696950
808083
8D8D9C
C4C4B6
E1E1B6

Deuteranopia

6B6E51
808082
8B899D
C2C0B9
E1E1B9

Tritanopia

775151
808282
809E9E
B7BEC0
E0C1C4

Achromatopsia

5E5E5E
818181
969696
C8C8C8
DBDBDB

Shades & Tints Shades & Tints

#79544F

Dark
Light

#808183

Dark
Light

#7EA19B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #79544f;
  --color-2: #808183;
  --color-3: #7ea19b;
  --color-4: #b5d8ab;
  --color-5: #e0e3a7;
}

SCSS

$color-1: #79544f;
$color-2: #808183;
$color-3: #7ea19b;
$color-4: #b5d8ab;
$color-5: #e0e3a7;

TAILWIND

colors: {
  'brand-1': '#79544f',
  'brand-2': '#808183',
  'brand-3': '#7ea19b',
  'brand-4': '#b5d8ab',
  'brand-5': '#e0e3a7',
}

RGB Array

[121, 84, 79], [128, 129, 131], [126, 161, 155], [181, 216, 171], [224, 227, 167]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #79544F, #808183, #7EA19B, #B5D8AB, #E0E3A7 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. 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: #79544f; --color-2: #808183; --color-3: #7ea19b; --color-4: #b5d8ab; --color-5: #e0e3a7. 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. 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