← Back to Editor

#7A6842 · #917491 · #94C5EB · #856E39 · #5E401C

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 LibraryData Visualization

Color Details Color Details

#7A6842

Ochre · DarkOliveGreen · Honey Gold

HEX
#7A6842
RGB
rgb(122, 104, 66)
HSL
hsl(41, 30%, 37%)
HSB
hsb(41, 46%, 48%)
CMYK
cmyk(0%, 15%, 46%, 52%)
Oklch
oklch(52.5% 0.059 85.1)

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

#917491

Rose Purple · Gray · Violet

HEX
#917491
RGB
rgb(145, 116, 145)
HSL
hsl(300, 12%, 51%)
HSB
hsb(300, 20%, 57%)
CMYK
cmyk(0%, 20%, 0%, 43%)
Oklch
oklch(59.7% 0.055 326.2)

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

#94C5EB

Sky Blue · SkyBlue · Cobalt Blue

HEX
#94C5EB
RGB
rgb(148, 197, 235)
HSL
hsl(206, 69%, 75%)
HSB
hsb(206, 37%, 92%)
CMYK
cmyk(37%, 16%, 0%, 8%)
Oklch
oklch(80.2% 0.075 242.1)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

#856E39

Ochre · Sienna · Honey Gold

HEX
#856E39
RGB
rgb(133, 110, 57)
HSL
hsl(42, 40%, 37%)
HSB
hsb(42, 57%, 52%)
CMYK
cmyk(0%, 17%, 57%, 48%)
Oklch
oklch(54.9% 0.077 86.3)

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

#5E401C

Ochre · DarkOliveGreen · Cinnamon

HEX
#5E401C
RGB
rgb(94, 64, 28)
HSL
hsl(33, 54%, 24%)
HSB
hsb(33, 70%, 37%)
CMYK
cmyk(0%, 32%, 70%, 63%)
Oklch
oklch(39.8% 0.066 68.8)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7A6842
42547B

Analogous

7B4C42
7A6842
707B42

Triadic

7A6842
427B69
69427B

Split-Comp.

7A6842
42707B
4C427B

Tetradic

7A6842
427B4C
42547B
7B4270

Contrast Matrix WCAG 2.1 Contrast

7A6842
917491
94C5EB
856E39
5E401C
—
1.3
Fail
2.9
Fail
1.1
Fail
1.7
Fail
1.3
Fail
—
2.2
Fail
1.2
Fail
2.3
Fail
2.9
Fail
2.2
Fail
—
2.7
Fail
5.1
AA
1.1
Fail
1.2
Fail
2.7
Fail
—
1.9
Fail
1.7
Fail
2.3
Fail
5.1
AA
1.9
Fail
—
White BG
5.4AA
4.1AA Large
1.8Fail
4.9AA
9.4AAA
Black BG
3.9AA Large
5.1AA
11.4AAA
4.3AA Large
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

72724B
84848A
A9AAE2
7B7B46
515125

Deuteranopia

73754D
868888
A6A3E0
7C7E49
535527

Tritanopia

795254
908483
96DBD9
845052
5D2C2D

Achromatopsia

696969
808080
BBBBBB
6F6F6F
454545

Shades & Tints Shades & Tints

#7A6842

Dark
Light

#917491

Dark
Light

#94C5EB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7a6842;
  --color-2: #917491;
  --color-3: #94c5eb;
  --color-4: #856e39;
  --color-5: #5e401c;
}

SCSS

$color-1: #7a6842;
$color-2: #917491;
$color-3: #94c5eb;
$color-4: #856e39;
$color-5: #5e401c;

TAILWIND

colors: {
  'brand-1': '#7a6842',
  'brand-2': '#917491',
  'brand-3': '#94c5eb',
  'brand-4': '#856e39',
  'brand-5': '#5e401c',
}

RGB Array

[122, 104, 66], [145, 116, 145], [148, 197, 235], [133, 110, 57], [94, 64, 28]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7A6842, #917491, #94C5EB, #856E39, #5E401C is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #7a6842; --color-2: #917491; --color-3: #94c5eb; --color-4: #856e39; --color-5: #5e401c. 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. 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