← Back to Editor

#757E3F · #739C98 · #87ABC3 · #605D4E · #796A57

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

#757E3F

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#757E3F
RGB
rgb(117, 126, 63)
HSL
hsl(69, 33%, 37%)
HSB
hsb(69, 50%, 49%)
CMYK
cmyk(7%, 0%, 50%, 51%)
Oklch
oklch(57.1% 0.087 115.9)

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

#739C98

Mineral Blue · LightSlateGray · Lake Green

HEX
#739C98
RGB
rgb(115, 156, 152)
HSL
hsl(174, 17%, 53%)
HSB
hsb(174, 26%, 61%)
CMYK
cmyk(26%, 0%, 3%, 39%)
Oklch
oklch(66.2% 0.045 188.6)

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

#87ABC3

Sky Blue · DarkGray · Cobalt Blue

HEX
#87ABC3
RGB
rgb(135, 171, 195)
HSL
hsl(204, 33%, 65%)
HSB
hsb(204, 31%, 76%)
CMYK
cmyk(31%, 12%, 0%, 24%)
Oklch
oklch(72.3% 0.053 237.6)

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

#605D4E

Autumn Sage · DimGray · Honey Gold

HEX
#605D4E
RGB
rgb(96, 93, 78)
HSL
hsl(50, 10%, 34%)
HSB
hsb(50, 19%, 38%)
CMYK
cmyk(0%, 3%, 19%, 62%)
Oklch
oklch(47.7% 0.024 97.9)

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

#796A57

Ochre · DimGray · Amber Brown

HEX
#796A57
RGB
rgb(121, 106, 87)
HSL
hsl(34, 16%, 41%)
HSB
hsb(34, 28%, 47%)
CMYK
cmyk(0%, 12%, 28%, 53%)
Oklch
oklch(53.3% 0.034 73.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

757E3F
493F7D

Analogous

7D683F
757E3F
557D3F

Triadic

757E3F
3F747D
7D3F74

Split-Comp.

757E3F
3F557D
683F7D

Tetradic

757E3F
3F7D68
493F7D
7D3F55

Contrast Matrix WCAG 2.1 Contrast

757E3F
739C98
87ABC3
605D4E
796A57
—
1.4
Fail
1.8
Fail
1.5
Fail
1.2
Fail
1.4
Fail
—
1.2
Fail
2.2
Fail
1.7
Fail
1.8
Fail
1.2
Fail
—
2.7
Fail
2.2
Fail
1.5
Fail
2.2
Fail
2.7
Fail
—
1.3
Fail
1.2
Fail
1.7
Fail
2.2
Fail
1.3
Fail
—
White BG
4.4AA Large
3.0AA Large
2.4Fail
6.6AA
5.2AA
Black BG
4.8AA
6.9AA
8.6AAA
3.2AA Large
4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

79794E
858599
9797BD
5F5F52
73725C

Deuteranopia

787852
827F99
9592BC
5F5F53
73745D

Tritanopia

755A5D
759A9A
89B9B8
605455
785F60

Achromatopsia

747474
8F8F8F
A3A3A3
5C5C5C
6C6C6C

Shades & Tints Shades & Tints

#757E3F

Dark
Light

#739C98

Dark
Light

#87ABC3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #757e3f;
  --color-2: #739c98;
  --color-3: #87abc3;
  --color-4: #605d4e;
  --color-5: #796a57;
}

SCSS

$color-1: #757e3f;
$color-2: #739c98;
$color-3: #87abc3;
$color-4: #605d4e;
$color-5: #796a57;

TAILWIND

colors: {
  'brand-1': '#757e3f',
  'brand-2': '#739c98',
  'brand-3': '#87abc3',
  'brand-4': '#605d4e',
  'brand-5': '#796a57',
}

RGB Array

[117, 126, 63], [115, 156, 152], [135, 171, 195], [96, 93, 78], [121, 106, 87]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #757E3F, #739C98, #87ABC3, #605D4E, #796A57 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: #757e3f; --color-2: #739c98; --color-3: #87abc3; --color-4: #605d4e; --color-5: #796a57. 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