← Back to Editor

#8B8469 · #79715B · #696152 · #59554B · #474ED0

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

#8B8469

Ochre · Gray · Honey Gold

HEX
#8B8469
RGB
rgb(139, 132, 105)
HSL
hsl(48, 14%, 48%)
HSB
hsb(48, 24%, 55%)
CMYK
cmyk(0%, 5%, 24%, 45%)
Oklch
oklch(61.2% 0.040 95.2)

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

#79715B

Ochre · DimGray · Honey Gold

HEX
#79715B
RGB
rgb(121, 113, 91)
HSL
hsl(44, 14%, 42%)
HSB
hsb(44, 25%, 47%)
CMYK
cmyk(0%, 7%, 25%, 53%)
Oklch
oklch(55.0% 0.034 90.4)

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

#696152

Ochre · DimGray · Amber Brown

HEX
#696152
RGB
rgb(105, 97, 82)
HSL
hsl(39, 12%, 37%)
HSB
hsb(39, 22%, 41%)
CMYK
cmyk(0%, 8%, 22%, 59%)
Oklch
oklch(49.6% 0.025 83.2)

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

#59554B

Ochre · DarkOliveGreen · Charcoal

HEX
#59554B
RGB
rgb(89, 85, 75)
HSL
hsl(43, 9%, 32%)
HSB
hsb(43, 16%, 35%)
CMYK
cmyk(0%, 4%, 16%, 65%)
Oklch
oklch(45.0% 0.017 88.8)

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

#474ED0

Azure · SlateBlue · Navy Blue

HEX
#474ED0
RGB
rgb(71, 78, 208)
HSL
hsl(237, 59%, 55%)
HSB
hsb(237, 66%, 82%)
CMYK
cmyk(66%, 63%, 0%, 18%)
Oklch
oklch(49.9% 0.197 274.4)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8B8469
69708C

Analogous

8C7469
8B8469
818C69

Triadic

8B8469
698C85
85698C

Split-Comp.

8B8469
69818C
74698C

Tetradic

8B8469
698C74
69708C
8C6981

Contrast Matrix WCAG 2.1 Contrast

8B8469
79715B
696152
59554B
474ED0
—
1.3
Fail
1.6
Fail
2.0
Fail
1.7
Fail
1.3
Fail
—
1.3
Fail
1.5
Fail
1.3
Fail
1.6
Fail
1.3
Fail
—
1.2
Fail
1.1
Fail
2.0
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
1.7
Fail
1.3
Fail
1.1
Fail
1.2
Fail
—
White BG
3.7AA Large
4.9AA
6.1AA
7.4AAA
6.4AA
Black BG
5.6AA
4.3AA Large
3.4AA Large
2.8Fail
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

888870
767560
666556
57574D
4A4AB1

Deuteranopia

888971
767762
666757
58584E
4A49A9

Tritanopia

8B7576
796565
695859
594F50
479892

Achromatopsia

838383
717171
626262
555555
5B5B5B

Shades & Tints Shades & Tints

#8B8469

Dark
Light

#79715B

Dark
Light

#696152

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8b8469;
  --color-2: #79715b;
  --color-3: #696152;
  --color-4: #59554b;
  --color-5: #474ed0;
}

SCSS

$color-1: #8b8469;
$color-2: #79715b;
$color-3: #696152;
$color-4: #59554b;
$color-5: #474ed0;

TAILWIND

colors: {
  'brand-1': '#8b8469',
  'brand-2': '#79715b',
  'brand-3': '#696152',
  'brand-4': '#59554b',
  'brand-5': '#474ed0',
}

RGB Array

[139, 132, 105], [121, 113, 91], [105, 97, 82], [89, 85, 75], [71, 78, 208]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #8B8469, #79715B, #696152, #59554B, #474ED0 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: #8b8469; --color-2: #79715b; --color-3: #696152; --color-4: #59554b; --color-5: #474ed0. 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