← Back to Editor

#A08A5A · #918495 · #8A81B2 · #988777 · #837ED0

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

#A08A5A

Ochre · Gray · Honey Gold

HEX
#A08A5A
RGB
rgb(160, 138, 90)
HSL
hsl(41, 28%, 49%)
HSB
hsb(41, 44%, 63%)
CMYK
cmyk(0%, 14%, 44%, 37%)
Oklch
oklch(64.2% 0.071 85.9)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#918495

Ash · LightSlateGray · Warm Gray

HEX
#918495
RGB
rgb(145, 132, 149)
HSL
hsl(286, 7%, 55%)
HSB
hsb(286, 11%, 58%)
CMYK
cmyk(3%, 11%, 0%, 42%)
Oklch
oklch(63.0% 0.029 318.2)

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

#8A81B2

Deep Indigo · LightSlateGray · Navy Blue

HEX
#8A81B2
RGB
rgb(138, 129, 178)
HSL
hsl(251, 24%, 60%)
HSB
hsb(251, 28%, 70%)
CMYK
cmyk(22%, 28%, 0%, 30%)
Oklch
oklch(63.0% 0.073 292.6)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#988777

Tangerine · Gray · Warm Sun

HEX
#988777
RGB
rgb(152, 135, 119)
HSL
hsl(29, 14%, 53%)
HSB
hsb(29, 22%, 60%)
CMYK
cmyk(0%, 11%, 22%, 40%)
Oklch
oklch(63.4% 0.031 65.5)

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

#837ED0

Wisteria · MediumSlateBlue · Cobalt Blue

HEX
#837ED0
RGB
rgb(131, 126, 208)
HSL
hsl(244, 47%, 65%)
HSB
hsb(244, 39%, 82%)
CMYK
cmyk(37%, 39%, 0%, 18%)
Oklch
oklch(63.2% 0.121 285.1)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A08A5A
5A70A0

Analogous

A0675A
A08A5A
93A05A

Triadic

A08A5A
5AA08A
8A5AA0

Split-Comp.

A08A5A
5A93A0
675AA0

Tetradic

A08A5A
5AA067
5A70A0
A05A93

Contrast Matrix WCAG 2.1 Contrast

A08A5A
918495
8A81B2
988777
837ED0
—
1.1
Fail
1.1
Fail
1.0
Fail
1.1
Fail
1.1
Fail
—
1.0
Fail
1.0
Fail
1.0
Fail
1.1
Fail
1.0
Fail
—
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
—
1.0
Fail
1.1
Fail
1.0
Fail
1.0
Fail
1.0
Fail
—
White BG
3.3AA Large
3.5AA Large
3.6AA Large
3.5AA Large
3.6AA Large
Black BG
6.3AA
5.9AA
5.9AA
6.1AA
5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

969666
8B8B91
8686A6
91907B
8181BC

Deuteranopia

989968
8C8D90
8787A3
92937C
8182B7

Tritanopia

9F6F71
908E8D
8A9D9B
977E7F
83ACA9

Achromatopsia

8B8B8B
8A8A8A
898989
8A8A8A
898989

Shades & Tints Shades & Tints

#A08A5A

Dark
Light

#918495

Dark
Light

#8A81B2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a08a5a;
  --color-2: #918495;
  --color-3: #8a81b2;
  --color-4: #988777;
  --color-5: #837ed0;
}

SCSS

$color-1: #a08a5a;
$color-2: #918495;
$color-3: #8a81b2;
$color-4: #988777;
$color-5: #837ed0;

TAILWIND

colors: {
  'brand-1': '#a08a5a',
  'brand-2': '#918495',
  'brand-3': '#8a81b2',
  'brand-4': '#988777',
  'brand-5': '#837ed0',
}

RGB Array

[160, 138, 90], [145, 132, 149], [138, 129, 178], [152, 135, 119], [131, 126, 208]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #A08A5A, #918495, #8A81B2, #988777, #837ED0 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: #a08a5a; --color-2: #918495; --color-3: #8a81b2; --color-4: #988777; --color-5: #837ed0. 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