← Back to Editor

#79ABA2 · #92AEA2 · #A9AC99 · #D8B49C · #DFC4B1

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

#79ABA2

Mineral Blue · CadetBlue · Lake Green

HEX
#79ABA2
RGB
rgb(121, 171, 162)
HSL
hsl(169, 23%, 57%)
HSB
hsb(169, 29%, 67%)
CMYK
cmyk(29%, 0%, 5%, 33%)
Oklch
oklch(70.3% 0.055 182.3)

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

#92AEA2

Jade · DarkSeaGreen · Apple Green

HEX
#92AEA2
RGB
rgb(146, 174, 162)
HSL
hsl(154, 15%, 63%)
HSB
hsb(154, 16%, 68%)
CMYK
cmyk(16%, 0%, 7%, 32%)
Oklch
oklch(72.6% 0.035 167.6)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#A9AC99

Fresh Green · DarkGray · Sunflower

HEX
#A9AC99
RGB
rgb(169, 172, 153)
HSL
hsl(69, 10%, 64%)
HSB
hsb(69, 11%, 67%)
CMYK
cmyk(2%, 0%, 11%, 33%)
Oklch
oklch(73.7% 0.027 114.3)

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

#D8B49C

Apricot · Tan · Warm Sun

HEX
#D8B49C
RGB
rgb(216, 180, 156)
HSL
hsl(24, 43%, 73%)
HSB
hsb(24, 28%, 85%)
CMYK
cmyk(0%, 17%, 28%, 15%)
Oklch
oklch(79.5% 0.053 55.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#DFC4B1

Apricot · Wheat · Peach Orange

HEX
#DFC4B1
RGB
rgb(223, 196, 177)
HSL
hsl(25, 42%, 78%)
HSB
hsb(25, 21%, 87%)
CMYK
cmyk(0%, 12%, 21%, 13%)
Oklch
oklch(83.8% 0.040 57.3)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

79ABA2
AB7881

Analogous

78AB88
79ABA2
789BAB

Triadic

79ABA2
A178AB
ABA178

Split-Comp.

79ABA2
AB789B
AB8878

Tetradic

79ABA2
8878AB
AB7881
9BAB78

Contrast Matrix WCAG 2.1 Contrast

79ABA2
92AEA2
A9AC99
D8B49C
DFC4B1
—
1.1
Fail
1.1
Fail
1.3
Fail
1.6
Fail
1.1
Fail
—
1.0
Fail
1.2
Fail
1.4
Fail
1.1
Fail
1.0
Fail
—
1.2
Fail
1.4
Fail
1.3
Fail
1.2
Fail
1.2
Fail
—
1.2
Fail
1.6
Fail
1.4
Fail
1.4
Fail
1.2
Fail
—
White BG
2.6Fail
2.4Fail
2.3Fail
1.9Fail
1.7Fail
Black BG
8.2AAA
8.8AAA
9.0AAA
10.9AAA
12.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8F8FA4
9E9EA5
AAAA9E
C8C8A2
D3D3B6

Deuteranopia

8C88A5
9D9AA6
AAAA9F
CBCDA3
D5D7B7

Tritanopia

7BA6A6
93A7A8
A9A1A2
D6A6A7
DEB9BA

Achromatopsia

9B9B9B
A4A4A4
A9A9A9
BCBCBC
CACACA

Shades & Tints Shades & Tints

#79ABA2

Dark
Light

#92AEA2

Dark
Light

#A9AC99

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #79aba2;
  --color-2: #92aea2;
  --color-3: #a9ac99;
  --color-4: #d8b49c;
  --color-5: #dfc4b1;
}

SCSS

$color-1: #79aba2;
$color-2: #92aea2;
$color-3: #a9ac99;
$color-4: #d8b49c;
$color-5: #dfc4b1;

TAILWIND

colors: {
  'brand-1': '#79aba2',
  'brand-2': '#92aea2',
  'brand-3': '#a9ac99',
  'brand-4': '#d8b49c',
  'brand-5': '#dfc4b1',
}

RGB Array

[121, 171, 162], [146, 174, 162], [169, 172, 153], [216, 180, 156], [223, 196, 177]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #79ABA2, #92AEA2, #A9AC99, #D8B49C, #DFC4B1 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: #79aba2; --color-2: #92aea2; --color-3: #a9ac99; --color-4: #d8b49c; --color-5: #dfc4b1. 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