← Back to Editor

#847999 · #77AABF · #97B1B2 · #C9C4AE · #E8CAA8

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#847999

Deep Indigo · LightSlateGray · Violet

HEX
#847999
RGB
rgb(132, 121, 153)
HSL
hsl(261, 14%, 54%)
HSB
hsb(261, 21%, 60%)
CMYK
cmyk(14%, 21%, 0%, 40%)
Oklch
oklch(59.7% 0.050 300.6)

Traditional「Deep Indigo」· Paint「Violet」· Creative Blush Sunrise

#77AABF

Sky Blue · CadetBlue · Lake Green

HEX
#77AABF
RGB
rgb(119, 170, 191)
HSL
hsl(198, 36%, 61%)
HSB
hsb(198, 38%, 75%)
CMYK
cmyk(38%, 11%, 0%, 25%)
Oklch
oklch(71.0% 0.062 225.6)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#97B1B2

Sky Blue · DarkGray · Lake Green

HEX
#97B1B2
RGB
rgb(151, 177, 178)
HSL
hsl(182, 15%, 65%)
HSB
hsb(182, 15%, 70%)
CMYK
cmyk(15%, 1%, 0%, 30%)
Oklch
oklch(74.1% 0.029 199.4)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#C9C4AE

Goose Yellow · Silver · Sunflower

HEX
#C9C4AE
RGB
rgb(201, 196, 174)
HSL
hsl(49, 20%, 74%)
HSB
hsb(49, 13%, 79%)
CMYK
cmyk(0%, 2%, 13%, 21%)
Oklch
oklch(81.8% 0.031 96.5)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#E8CAA8

Goose Yellow · Wheat · Peach Orange

HEX
#E8CAA8
RGB
rgb(232, 202, 168)
HSL
hsl(32, 58%, 78%)
HSB
hsb(32, 28%, 91%)
CMYK
cmyk(0%, 13%, 28%, 9%)
Oklch
oklch(85.6% 0.057 70.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

847999
8F9A79

Analogous

797E9A
847999
95799A

Triadic

847999
9A8579
799A85

Split-Comp.

847999
9A9579
7E9A79

Tetradic

847999
9A797E
8F9A79
799A95

Contrast Matrix WCAG 2.1 Contrast

847999
77AABF
97B1B2
C9C4AE
E8CAA8
—
1.6
Fail
1.8
Fail
2.3
Fail
2.6
Fail
1.6
Fail
—
1.1
Fail
1.4
Fail
1.6
Fail
1.8
Fail
1.1
Fail
—
1.3
Fail
1.5
Fail
2.3
Fail
1.4
Fail
1.3
Fail
—
1.1
Fail
2.6
Fail
1.6
Fail
1.5
Fail
1.1
Fail
—
White BG
4.1AA Large
2.5Fail
2.3Fail
1.8Fail
1.6Fail
Black BG
5.2AA
8.3AAA
9.2AAA
12.0AAA
13.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7F7F91
8D8EBA
A2A2B2
C7C7B3
DBDBB0

Deuteranopia

80818F
8A86B9
A19FB2
C7C8B5
DDDFB2

Tritanopia

838B8A
7AB6B5
98B2B2
C9B8B8
E6B7B8

Achromatopsia

808080
9D9D9D
A9A9A9
C3C3C3
CFCFCF

Shades & Tints Shades & Tints

#847999

Dark
Light

#77AABF

Dark
Light

#97B1B2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #847999;
  --color-2: #77aabf;
  --color-3: #97b1b2;
  --color-4: #c9c4ae;
  --color-5: #e8caa8;
}

SCSS

$color-1: #847999;
$color-2: #77aabf;
$color-3: #97b1b2;
$color-4: #c9c4ae;
$color-5: #e8caa8;

TAILWIND

colors: {
  'brand-1': '#847999',
  'brand-2': '#77aabf',
  'brand-3': '#97b1b2',
  'brand-4': '#c9c4ae',
  'brand-5': '#e8caa8',
}

RGB Array

[132, 121, 153], [119, 170, 191], [151, 177, 178], [201, 196, 174], [232, 202, 168]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #847999, #77AABF, #97B1B2, #C9C4AE, #E8CAA8 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. 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: #847999; --color-2: #77aabf; --color-3: #97b1b2; --color-4: #c9c4ae; --color-5: #e8caa8. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 beauty, lifestyle, arts 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