← Back to Editor

#E5ABAB · #C7A9A6 · #AAA7A0 · #8CA59B · #6EA395

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

#E5ABAB

Peach Pink · LightPink · Coral Red

HEX
#E5ABAB
RGB
rgb(229, 171, 171)
HSL
hsl(0, 53%, 78%)
HSB
hsb(0, 25%, 90%)
CMYK
cmyk(0%, 25%, 25%, 10%)
Oklch
oklch(79.5% 0.068 18.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#C7A9A6

Peach Pink · DarkGray · Coral Red

HEX
#C7A9A6
RGB
rgb(199, 169, 166)
HSL
hsl(5, 23%, 72%)
HSB
hsb(5, 17%, 78%)
CMYK
cmyk(0%, 15%, 17%, 22%)
Oklch
oklch(76.0% 0.035 24.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#AAA7A0

Ash · DarkGray · Silver Sand

HEX
#AAA7A0
RGB
rgb(170, 167, 160)
HSL
hsl(42, 6%, 65%)
HSB
hsb(42, 6%, 67%)
CMYK
cmyk(0%, 2%, 6%, 33%)
Oklch
oklch(72.9% 0.011 87.5)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#8CA59B

Mineral Blue · DarkSeaGreen · Olive Green

HEX
#8CA59B
RGB
rgb(140, 165, 155)
HSL
hsl(156, 12%, 60%)
HSB
hsb(156, 15%, 65%)
CMYK
cmyk(15%, 0%, 6%, 35%)
Oklch
oklch(70.0% 0.031 169.3)

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

#6EA395

Mineral Blue · CadetBlue · Lake Green

HEX
#6EA395
RGB
rgb(110, 163, 149)
HSL
hsl(164, 22%, 54%)
HSB
hsb(164, 33%, 64%)
CMYK
cmyk(33%, 0%, 9%, 36%)
Oklch
oklch(67.4% 0.060 176.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E5ABAB
A9E5E5

Analogous

E5A9C7
E5ABAB
E5C7A9

Triadic

E5ABAB
A9E5A9
A9A9E5

Split-Comp.

E5ABAB
A9E5C7
A9C7E5

Tetradic

E5ABAB
C7E5A9
A9E5E5
C7A9E5

Contrast Matrix WCAG 2.1 Contrast

E5ABAB
C7A9A6
AAA7A0
8CA59B
6EA395
—
1.1
Fail
1.2
Fail
1.3
Fail
1.5
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
1.3
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
1.3
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.5
Fail
1.3
Fail
1.2
Fail
1.1
Fail
—
White BG
2.0Fail
2.2Fail
2.4Fail
2.6Fail
2.9Fail
Black BG
10.7AAA
9.7AAA
8.7AAA
8.0AAA
7.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCBAB
BABAA7
A9A9A2
97979D
858598

Deuteranopia

CFD4AB
BCBEA7
A9A9A2
95949E
827E99

Tritanopia

E2ABAB
C5A7A7
AAA3A3
8D9FA0
719B9C

Achromatopsia

BCBCBC
B2B2B2
A7A7A7
9C9C9C
929292

Shades & Tints Shades & Tints

#E5ABAB

Dark
Light

#C7A9A6

Dark
Light

#AAA7A0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e5abab;
  --color-2: #c7a9a6;
  --color-3: #aaa7a0;
  --color-4: #8ca59b;
  --color-5: #6ea395;
}

SCSS

$color-1: #e5abab;
$color-2: #c7a9a6;
$color-3: #aaa7a0;
$color-4: #8ca59b;
$color-5: #6ea395;

TAILWIND

colors: {
  'brand-1': '#e5abab',
  'brand-2': '#c7a9a6',
  'brand-3': '#aaa7a0',
  'brand-4': '#8ca59b',
  'brand-5': '#6ea395',
}

RGB Array

[229, 171, 171], [199, 169, 166], [170, 167, 160], [140, 165, 155], [110, 163, 149]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E5ABAB, #C7A9A6, #AAA7A0, #8CA59B, #6EA395 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: #e5abab; --color-2: #c7a9a6; --color-3: #aaa7a0; --color-4: #8ca59b; --color-5: #6ea395. 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