← Back to Editor

#9A8078 · #CCDBB9 · #ACBDA7 · #918CAC · #9194B1

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

#9A8078

Crimson · Gray · Passion Red

HEX
#9A8078
RGB
rgb(154, 128, 120)
HSL
hsl(14, 14%, 54%)
HSB
hsb(14, 22%, 60%)
CMYK
cmyk(0%, 17%, 22%, 40%)
Oklch
oklch(62.2% 0.034 37.8)

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

#CCDBB9

Willow Green · LightGray · Apple Green

HEX
#CCDBB9
RGB
rgb(204, 219, 185)
HSL
hsl(86, 32%, 79%)
HSB
hsb(86, 16%, 86%)
CMYK
cmyk(7%, 0%, 16%, 14%)
Oklch
oklch(87.1% 0.048 126.8)

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

#ACBDA7

Celadon · DarkGray · Apple Green

HEX
#ACBDA7
RGB
rgb(172, 189, 167)
HSL
hsl(106, 14%, 70%)
HSB
hsb(106, 12%, 74%)
CMYK
cmyk(9%, 0%, 12%, 26%)
Oklch
oklch(77.9% 0.036 138.6)

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

#918CAC

Wisteria · LightSlateGray · Cobalt Blue

HEX
#918CAC
RGB
rgb(145, 140, 172)
HSL
hsl(249, 16%, 61%)
HSB
hsb(249, 19%, 67%)
CMYK
cmyk(16%, 19%, 0%, 33%)
Oklch
oklch(65.5% 0.047 292.2)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

#9194B1

Azure · DarkGray · Cobalt Blue

HEX
#9194B1
RGB
rgb(145, 148, 177)
HSL
hsl(234, 17%, 63%)
HSB
hsb(234, 18%, 69%)
CMYK
cmyk(18%, 16%, 0%, 31%)
Oklch
oklch(67.4% 0.043 280.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9A8078
79929A

Analogous

9A7982
9A8078
9A9179

Triadic

9A8078
799A81
81799A

Split-Comp.

9A8078
799A91
79829A

Tetradic

9A8078
829A79
79929A
91799A

Contrast Matrix WCAG 2.1 Contrast

9A8078
CCDBB9
ACBDA7
918CAC
9194B1
—
2.5
Fail
1.8
Fail
1.1
Fail
1.2
Fail
2.5
Fail
—
1.4
Fail
2.2
Fail
2.0
Fail
1.8
Fail
1.4
Fail
—
1.6
Fail
1.5
Fail
1.1
Fail
2.2
Fail
1.6
Fail
—
1.1
Fail
1.2
Fail
2.0
Fail
1.5
Fail
1.1
Fail
—
White BG
3.7AA Large
1.5Fail
2.0Fail
3.2AA Large
3.0Fail
Black BG
5.7AA
14.4AAA
10.6AAA
6.6AA
7.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8F8F7A
D2D3C1
B3B4AC
8F8FA4
9292AA

Deuteranopia

90927A
D2D1C3
B2B1AE
8F90A2
9292A8

Tritanopia

997B7C
CDC8C9
ADB1B1
919E9D
91A4A3

Achromatopsia

878787
D3D3D3
B5B5B5
919191
969696

Shades & Tints Shades & Tints

#9A8078

Dark
Light

#CCDBB9

Dark
Light

#ACBDA7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9a8078;
  --color-2: #ccdbb9;
  --color-3: #acbda7;
  --color-4: #918cac;
  --color-5: #9194b1;
}

SCSS

$color-1: #9a8078;
$color-2: #ccdbb9;
$color-3: #acbda7;
$color-4: #918cac;
$color-5: #9194b1;

TAILWIND

colors: {
  'brand-1': '#9a8078',
  'brand-2': '#ccdbb9',
  'brand-3': '#acbda7',
  'brand-4': '#918cac',
  'brand-5': '#9194b1',
}

RGB Array

[154, 128, 120], [204, 219, 185], [172, 189, 167], [145, 140, 172], [145, 148, 177]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9A8078, #CCDBB9, #ACBDA7, #918CAC, #9194B1 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: #9a8078; --color-2: #ccdbb9; --color-3: #acbda7; --color-4: #918cac; --color-5: #9194b1. 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