← Back to Editor

#237049 · #9AABA6 · #838765 · #9E852B · #797D7D

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 Library

Color Details Color Details

#237049

Mineral Blue · SeaGreen · Forest Green

HEX
#237049
RGB
rgb(35, 112, 73)
HSL
hsl(150, 52%, 29%)
HSB
hsb(150, 69%, 44%)
CMYK
cmyk(69%, 0%, 35%, 56%)
Oklch
oklch(48.8% 0.098 157.2)

Traditional「Mineral Blue」· Paint「Forest Green」· Creative Blush Sunrise

#9AABA6

Jade · DarkGray · Silver Sand

HEX
#9AABA6
RGB
rgb(154, 171, 166)
HSL
hsl(162, 9%, 64%)
HSB
hsb(162, 10%, 67%)
CMYK
cmyk(10%, 0%, 3%, 33%)
Oklch
oklch(72.6% 0.020 176.2)

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

#838765

Autumn Sage · Gray · Honey Gold

HEX
#838765
RGB
rgb(131, 135, 101)
HSL
hsl(67, 14%, 46%)
HSB
hsb(67, 25%, 53%)
CMYK
cmyk(3%, 0%, 25%, 47%)
Oklch
oklch(61.1% 0.049 113.3)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#9E852B

Ochre · DarkGoldenRod · Honey Gold

HEX
#9E852B
RGB
rgb(158, 133, 43)
HSL
hsl(47, 57%, 39%)
HSB
hsb(47, 73%, 62%)
CMYK
cmyk(0%, 16%, 73%, 38%)
Oklch
oklch(62.3% 0.110 93.1)

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

#797D7D

Ink Gray · Gray · Warm Gray

HEX
#797D7D
RGB
rgb(121, 125, 125)
HSL
hsl(180, 2%, 48%)
HSB
hsb(180, 3%, 49%)
CMYK
cmyk(3%, 0%, 0%, 51%)
Oklch
oklch(58.6% 0.005 197.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

237049
70234A

Analogous

237023
237049
237070

Triadic

237049
4A2370
704A23

Split-Comp.

237049
702370
702323

Tetradic

237049
232370
70234A
707023

Contrast Matrix WCAG 2.1 Contrast

237049
9AABA6
838765
9E852B
797D7D
—
2.5
Fail
1.6
Fail
1.7
Fail
1.4
Fail
2.5
Fail
—
1.6
Fail
1.5
Fail
1.7
Fail
1.6
Fail
1.6
Fail
—
1.0
Fail
1.1
Fail
1.7
Fail
1.5
Fail
1.0
Fail
—
1.2
Fail
1.4
Fail
1.7
Fail
1.1
Fail
1.2
Fail
—
White BG
6.0AA
2.4Fail
3.7AA Large
3.6AA Large
4.2AA Large
Black BG
3.5AA Large
8.7AAA
5.6AA
5.8AA
5.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

444552
A1A2A7
85856D
939341
7B7B7D

Deuteranopia

403A55
A09FA8
85846F
959746
7B7A7D

Tritanopia

275A5C
9BA8A8
837475
9D5256
797D7D

Achromatopsia

555555
A5A5A5
828282
828282
7C7C7C

Shades & Tints Shades & Tints

#237049

Dark
Light

#9AABA6

Dark
Light

#838765

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #237049;
  --color-2: #9aaba6;
  --color-3: #838765;
  --color-4: #9e852b;
  --color-5: #797d7d;
}

SCSS

$color-1: #237049;
$color-2: #9aaba6;
$color-3: #838765;
$color-4: #9e852b;
$color-5: #797d7d;

TAILWIND

colors: {
  'brand-1': '#237049',
  'brand-2': '#9aaba6',
  'brand-3': '#838765',
  'brand-4': '#9e852b',
  'brand-5': '#797d7d',
}

RGB Array

[35, 112, 73], [154, 171, 166], [131, 135, 101], [158, 133, 43], [121, 125, 125]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #237049, #9AABA6, #838765, #9E852B, #797D7D 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: #237049; --color-2: #9aaba6; --color-3: #838765; --color-4: #9e852b; --color-5: #797d7d. 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 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