← Back to Editor

#94A858 · #BCC69E · #929690 · #7A587A · #511652

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatile

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#94A858

Grass Green · DarkSeaGreen · Olive Green

HEX
#94A858
RGB
rgb(148, 168, 88)
HSL
hsl(75, 31%, 50%)
HSB
hsb(75, 48%, 66%)
CMYK
cmyk(12%, 0%, 48%, 34%)
Oklch
oklch(69.8% 0.108 120.8)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#BCC69E

Willow Green · Tan · Apple Green

HEX
#BCC69E
RGB
rgb(188, 198, 158)
HSL
hsl(75, 26%, 70%)
HSB
hsb(75, 20%, 78%)
CMYK
cmyk(5%, 0%, 20%, 22%)
Oklch
oklch(80.8% 0.055 119.1)

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

#929690

Ash · LightSlateGray · Silver Sand

HEX
#929690
RGB
rgb(146, 150, 144)
HSL
hsl(100, 3%, 58%)
HSB
hsb(100, 4%, 59%)
CMYK
cmyk(3%, 0%, 4%, 41%)
Oklch
oklch(66.8% 0.010 134.9)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#7A587A

Rose Purple · DimGray · Violet

HEX
#7A587A
RGB
rgb(122, 88, 122)
HSL
hsl(300, 16%, 41%)
HSB
hsb(300, 28%, 48%)
CMYK
cmyk(0%, 28%, 0%, 52%)
Oklch
oklch(50.8% 0.067 326.5)

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

#511652

Royal Purple · MidnightBlue · Dark Purple

HEX
#511652
RGB
rgb(81, 22, 82)
HSL
hsl(299, 58%, 20%)
HSB
hsb(299, 73%, 32%)
CMYK
cmyk(1%, 73%, 0%, 68%)
Oklch
oklch(32.4% 0.118 327.2)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

94A858
6C58A7

Analogous

A79358
94A858
6CA758

Triadic

94A858
5893A7
A75893

Split-Comp.

94A858
586CA7
9358A7

Tetradic

94A858
58A793
6C58A7
A7586C

Contrast Matrix WCAG 2.1 Contrast

94A858
BCC69E
929690
7A587A
511652
—
1.5
Fail
1.1
Fail
2.3
Fail
5.0
AA
1.5
Fail
—
1.7
Fail
3.3
AA Large
7.4
AAA
1.1
Fail
1.7
Fail
—
2.0
Fail
4.4
AA Large
2.3
Fail
3.3
AA Large
2.0
Fail
—
2.2
Fail
5.0
AA
7.4
AAA
4.4
AA Large
2.2
Fail
—
White BG
2.6Fail
1.8Fail
3.0AA Large
6.0AA
13.2AAA
Black BG
8.0AAA
11.7AAA
7.0AA
3.5AA Large
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9D6B
C0C0A8
949491
6B6B72
373743

Deuteranopia

9C9A70
C0BFAA
949392
6D7070
3B3F40

Tritanopia

957B7E
BDAFB1
929393
786B6A
4E3836

Achromatopsia

999999
BEBEBE
949494
666666
2E2E2E

Shades & Tints Shades & Tints

#94A858

Dark
Light

#BCC69E

Dark
Light

#929690

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #94a858;
  --color-2: #bcc69e;
  --color-3: #929690;
  --color-4: #7a587a;
  --color-5: #511652;
}

SCSS

$color-1: #94a858;
$color-2: #bcc69e;
$color-3: #929690;
$color-4: #7a587a;
$color-5: #511652;

TAILWIND

colors: {
  'brand-1': '#94a858',
  'brand-2': '#bcc69e',
  'brand-3': '#929690',
  'brand-4': '#7a587a',
  'brand-5': '#511652',
}

RGB Array

[148, 168, 88], [188, 198, 158], [146, 150, 144], [122, 88, 122], [81, 22, 82]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #94A858, #BCC69E, #929690, #7A587A, #511652 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #94a858; --color-2: #bcc69e; --color-3: #929690; --color-4: #7a587a; --color-5: #511652. 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. 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