← Back to Editor

#7B5878 · #84778B · #8C8B90 · #B0A999 · #E7D0A6

space

A 5-color space 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

#7B5878

Rose Purple · DimGray · Violet

HEX
#7B5878
RGB
rgb(123, 88, 120)
HSL
hsl(305, 17%, 41%)
HSB
hsb(305, 28%, 48%)
CMYK
cmyk(0%, 28%, 2%, 52%)
Oklch
oklch(50.9% 0.066 329.4)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#84778B

Dark Plum · Gray · Warm Gray

HEX
#84778B
RGB
rgb(132, 119, 139)
HSL
hsl(279, 8%, 51%)
HSB
hsb(279, 14%, 55%)
CMYK
cmyk(5%, 14%, 0%, 45%)
Oklch
oklch(58.8% 0.034 313.9)

Traditional「Dark Plum」· Paint「Warm Gray」· Creative Urban Concrete

#8C8B90

Ash · Gray · Warm Gray

HEX
#8C8B90
RGB
rgb(140, 139, 144)
HSL
hsl(252, 2%, 55%)
HSB
hsb(252, 3%, 56%)
CMYK
cmyk(3%, 3%, 0%, 44%)
Oklch
oklch(63.9% 0.007 295.4)

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

#B0A999

Ginger · DarkGray · Sunflower

HEX
#B0A999
RGB
rgb(176, 169, 153)
HSL
hsl(42, 13%, 65%)
HSB
hsb(42, 13%, 69%)
CMYK
cmyk(0%, 4%, 13%, 31%)
Oklch
oklch(73.6% 0.024 87.2)

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

#E7D0A6

Goose Yellow · Wheat · Peach Orange

HEX
#E7D0A6
RGB
rgb(231, 208, 166)
HSL
hsl(39, 58%, 78%)
HSB
hsb(39, 28%, 91%)
CMYK
cmyk(0%, 10%, 28%, 9%)
Oklch
oklch(86.6% 0.061 82.5)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7B5878
577A5A

Analogous

6C577A
7B5878
7A5766

Triadic

7B5878
777A57
57777A

Split-Comp.

7B5878
667A57
577A6C

Tetradic

7B5878
7A6C57
577A5A
57667A

Contrast Matrix WCAG 2.1 Contrast

7B5878
84778B
8C8B90
B0A999
E7D0A6
—
1.4
Fail
1.8
Fail
2.6
Fail
4.0
AA Large
1.4
Fail
—
1.2
Fail
1.8
Fail
2.8
Fail
1.8
Fail
1.2
Fail
—
1.4
Fail
2.2
Fail
2.6
Fail
1.8
Fail
1.4
Fail
—
1.6
Fail
4.0
AA Large
2.8
Fail
2.2
Fail
1.6
Fail
—
White BG
6.0AA
4.2AA Large
3.4AA Large
2.3Fail
1.5Fail
Black BG
3.5AA Large
5.0AA
6.2AA
9.0AAA
14.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6C6C70
7E7E86
8C8C8F
ADAD9D
DDDDB0

Deuteranopia

6E716E
7F8085
8C8C8F
ADAE9E
DEE0B3

Tritanopia

796A69
838282
8C8E8E
B0A0A1
E6B8BA

Achromatopsia

666666
7D7D7D
8C8C8C
A9A9A9
D2D2D2

Shades & Tints Shades & Tints

#7B5878

Dark
Light

#84778B

Dark
Light

#8C8B90

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7b5878;
  --color-2: #84778b;
  --color-3: #8c8b90;
  --color-4: #b0a999;
  --color-5: #e7d0a6;
}

SCSS

$color-1: #7b5878;
$color-2: #84778b;
$color-3: #8c8b90;
$color-4: #b0a999;
$color-5: #e7d0a6;

TAILWIND

colors: {
  'brand-1': '#7b5878',
  'brand-2': '#84778b',
  'brand-3': '#8c8b90',
  'brand-4': '#b0a999',
  'brand-5': '#e7d0a6',
}

RGB Array

[123, 88, 120], [132, 119, 139], [140, 139, 144], [176, 169, 153], [231, 208, 166]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #7B5878, #84778B, #8C8B90, #B0A999, #E7D0A6 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: #7b5878; --color-2: #84778b; --color-3: #8c8b90; --color-4: #b0a999; --color-5: #e7d0a6. 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 space-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