← Back to Editor

#94A59F · #7A777B · #6B525D · #AA938A · #E9D8BB

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

#94A59F

Jade · DarkGray · Silver Sand

HEX
#94A59F
RGB
rgb(148, 165, 159)
HSL
hsl(159, 9%, 61%)
HSB
hsb(159, 10%, 65%)
CMYK
cmyk(10%, 0%, 4%, 35%)
Oklch
oklch(70.7% 0.021 172.5)

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

#7A777B

Ink Gray · Gray · Warm Gray

HEX
#7A777B
RGB
rgb(122, 119, 123)
HSL
hsl(285, 2%, 47%)
HSB
hsb(285, 3%, 48%)
CMYK
cmyk(1%, 3%, 0%, 52%)
Oklch
oklch(57.3% 0.007 317.7)

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

#6B525D

Dark Violet · DimGray · Camellia

HEX
#6B525D
RGB
rgb(107, 82, 93)
HSL
hsl(334, 13%, 37%)
HSB
hsb(334, 23%, 42%)
CMYK
cmyk(0%, 23%, 13%, 58%)
Oklch
oklch(46.8% 0.037 350.4)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#AA938A

Tangerine · DarkGray · Warm Sun

HEX
#AA938A
RGB
rgb(170, 147, 138)
HSL
hsl(17, 16%, 60%)
HSB
hsb(17, 19%, 67%)
CMYK
cmyk(0%, 14%, 19%, 33%)
Oklch
oklch(68.1% 0.031 42.6)

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

#E9D8BB

Goose Yellow · Wheat · Peach Orange

HEX
#E9D8BB
RGB
rgb(233, 216, 187)
HSL
hsl(38, 51%, 82%)
HSB
hsb(38, 20%, 91%)
CMYK
cmyk(0%, 7%, 20%, 9%)
Oklch
oklch(88.9% 0.043 81.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

94A59F
A59399

Analogous

93A595
94A59F
93A2A5

Triadic

94A59F
9E93A5
A59E93

Split-Comp.

94A59F
A593A2
A59593

Tetradic

94A59F
9593A5
A59399
A2A593

Contrast Matrix WCAG 2.1 Contrast

94A59F
7A777B
6B525D
AA938A
E9D8BB
—
1.7
Fail
2.7
Fail
1.1
Fail
1.8
Fail
1.7
Fail
—
1.6
Fail
1.5
Fail
3.2
AA Large
2.7
Fail
1.6
Fail
—
2.4
Fail
5.0
AA
1.1
Fail
1.5
Fail
2.4
Fail
—
2.1
Fail
1.8
Fail
3.2
AA Large
5.0
AA
2.1
Fail
—
White BG
2.6Fail
4.4AA Large
7.0AAA
2.9Fail
1.4Fail
Black BG
8.1AAA
4.8AA
3.0Fail
7.2AAA
15.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9B9CA0
79797A
60605A
A0A08C
E2E1C2

Deuteranopia

9A99A1
79797A
62635A
A1A38D
E3E4C4

Tritanopia

95A2A2
7A7979
6A5858
A98E8E
E8C8C9

Achromatopsia

9F9F9F
787878
5B5B5B
999999
DADADA

Shades & Tints Shades & Tints

#94A59F

Dark
Light

#7A777B

Dark
Light

#6B525D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #94a59f;
  --color-2: #7a777b;
  --color-3: #6b525d;
  --color-4: #aa938a;
  --color-5: #e9d8bb;
}

SCSS

$color-1: #94a59f;
$color-2: #7a777b;
$color-3: #6b525d;
$color-4: #aa938a;
$color-5: #e9d8bb;

TAILWIND

colors: {
  'brand-1': '#94a59f',
  'brand-2': '#7a777b',
  'brand-3': '#6b525d',
  'brand-4': '#aa938a',
  'brand-5': '#e9d8bb',
}

RGB Array

[148, 165, 159], [122, 119, 123], [107, 82, 93], [170, 147, 138], [233, 216, 187]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #94A59F, #7A777B, #6B525D, #AA938A, #E9D8BB 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: #94a59f; --color-2: #7a777b; --color-3: #6b525d; --color-4: #aa938a; --color-5: #e9d8bb. 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