← Back to Editor

#7F5C65 · #4F779B · #549AA0 · #94B19F · #C7C08B

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

#7F5C65

Crimson · DimGray · Passion Red

HEX
#7F5C65
RGB
rgb(127, 92, 101)
HSL
hsl(345, 16%, 43%)
HSB
hsb(345, 28%, 50%)
CMYK
cmyk(0%, 28%, 20%, 50%)
Oklch
oklch(51.4% 0.048 1.9)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#4F779B

Slate Blue · SteelBlue · Navy Blue

HEX
#4F779B
RGB
rgb(79, 119, 155)
HSL
hsl(208, 32%, 46%)
HSB
hsb(208, 49%, 61%)
CMYK
cmyk(49%, 23%, 0%, 39%)
Oklch
oklch(55.5% 0.072 246.7)

Traditional「Slate Blue」· Paint「Navy Blue」· Creative Blush Sunrise

#549AA0

Slate Blue · CadetBlue · Mint Ice

HEX
#549AA0
RGB
rgb(84, 154, 160)
HSL
hsl(185, 31%, 48%)
HSB
hsb(185, 48%, 63%)
CMYK
cmyk(48%, 4%, 0%, 37%)
Oklch
oklch(64.3% 0.071 202.8)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#94B19F

Celadon · DarkSeaGreen · Apple Green

HEX
#94B19F
RGB
rgb(148, 177, 159)
HSL
hsl(143, 16%, 64%)
HSB
hsb(143, 16%, 69%)
CMYK
cmyk(16%, 0%, 10%, 31%)
Oklch
oklch(73.3% 0.041 158.0)

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

#C7C08B

Fresh Green · Tan · Sunflower

HEX
#C7C08B
RGB
rgb(199, 192, 139)
HSL
hsl(53, 35%, 66%)
HSB
hsb(53, 30%, 78%)
CMYK
cmyk(0%, 4%, 30%, 22%)
Oklch
oklch(80.1% 0.071 101.5)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7F5C65
5C7F76

Analogous

7F5C76
7F5C65
7F655C

Triadic

7F5C65
657F5C
5C657F

Split-Comp.

7F5C65
5C7F65
5C767F

Tetradic

7F5C65
767F5C
5C7F76
655C7F

Contrast Matrix WCAG 2.1 Contrast

7F5C65
4F779B
549AA0
94B19F
C7C08B
—
1.2
Fail
1.8
Fail
2.5
Fail
3.1
AA Large
1.2
Fail
—
1.5
Fail
2.0
Fail
2.6
Fail
1.8
Fail
1.5
Fail
—
1.4
Fail
1.7
Fail
2.5
Fail
2.0
Fail
1.4
Fail
—
1.3
Fail
3.1
AA Large
2.6
Fail
1.7
Fail
1.3
Fail
—
White BG
5.8AA
4.7AA
3.2AA Large
2.3Fail
1.9Fail
Black BG
3.6AA Large
4.4AA Large
6.5AA
9.0AAA
11.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

707063
606192
72739F
A1A1A3
C4C498

Deuteranopia

727462
5E5B90
6E699E
9F9DA4
C4C59B

Tritanopia

7D6161
518B8A
589D9D
95A7A8
C7A2A4

Achromatopsia

676767
6F6F6F
868686
A6A6A6
BCBCBC

Shades & Tints Shades & Tints

#7F5C65

Dark
Light

#4F779B

Dark
Light

#549AA0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7f5c65;
  --color-2: #4f779b;
  --color-3: #549aa0;
  --color-4: #94b19f;
  --color-5: #c7c08b;
}

SCSS

$color-1: #7f5c65;
$color-2: #4f779b;
$color-3: #549aa0;
$color-4: #94b19f;
$color-5: #c7c08b;

TAILWIND

colors: {
  'brand-1': '#7f5c65',
  'brand-2': '#4f779b',
  'brand-3': '#549aa0',
  'brand-4': '#94b19f',
  'brand-5': '#c7c08b',
}

RGB Array

[127, 92, 101], [79, 119, 155], [84, 154, 160], [148, 177, 159], [199, 192, 139]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7F5C65, #4F779B, #549AA0, #94B19F, #C7C08B 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: #7f5c65; --color-2: #4f779b; --color-3: #549aa0; --color-4: #94b19f; --color-5: #c7c08b. 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