← Back to Editor

#ACD9A7 · #8DB494 · #805054 · #D78F96 · #FFBCC3

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#ACD9A7

Celadon · Silver · Apple Green

HEX
#ACD9A7
RGB
rgb(172, 217, 167)
HSL
hsl(114, 40%, 75%)
HSB
hsb(114, 23%, 85%)
CMYK
cmyk(21%, 0%, 23%, 15%)
Oklch
oklch(84.0% 0.083 142.2)

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

#8DB494

Celadon · DarkSeaGreen · Apple Green

HEX
#8DB494
RGB
rgb(141, 180, 148)
HSL
hsl(131, 21%, 63%)
HSB
hsb(131, 22%, 71%)
CMYK
cmyk(22%, 0%, 18%, 29%)
Oklch
oklch(73.2% 0.062 150.0)

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

#805054

Crimson · DimGray · Passion Red

HEX
#805054
RGB
rgb(128, 80, 84)
HSL
hsl(355, 23%, 41%)
HSB
hsb(355, 38%, 50%)
CMYK
cmyk(0%, 38%, 34%, 50%)
Oklch
oklch(48.7% 0.065 14.3)

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

#D78F96

Peach Pink · DarkSalmon · Coral Red

HEX
#D78F96
RGB
rgb(215, 143, 150)
HSL
hsl(354, 47%, 70%)
HSB
hsb(354, 33%, 84%)
CMYK
cmyk(0%, 33%, 30%, 16%)
Oklch
oklch(72.4% 0.088 13.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#FFBCC3

Peach Pink · LightPink · Cherry Blossom

HEX
#FFBCC3
RGB
rgb(255, 188, 195)
HSL
hsl(354, 100%, 87%)
HSB
hsb(354, 26%, 100%)
CMYK
cmyk(0%, 26%, 24%, 0%)
Oklch
oklch(85.8% 0.078 11.9)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ACD9A7
D4A6D9

Analogous

C4D9A6
ACD9A7
A6D9BA

Triadic

ACD9A7
A6ABD9
D9A6AB

Split-Comp.

ACD9A7
BAA6D9
D9A6C4

Tetradic

ACD9A7
A6C4D9
D4A6D9
D9BAA6

Contrast Matrix WCAG 2.1 Contrast

ACD9A7
8DB494
805054
D78F96
FFBCC3
—
1.5
Fail
4.1
AA Large
1.6
Fail
1.0
Fail
1.5
Fail
—
2.8
Fail
1.1
Fail
1.5
Fail
4.1
AA Large
2.8
Fail
—
2.6
Fail
4.1
AA Large
1.6
Fail
1.1
Fail
2.6
Fail
—
1.6
Fail
1.0
Fail
1.5
Fail
4.1
AA Large
1.6
Fail
—
White BG
1.6Fail
2.3Fail
6.6AA
2.5Fail
1.6Fail
Black BG
13.2AAA
9.1AAA
3.2AA Large
8.3AAA
13.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BFC0B3
9E9E9C
6B6B53
B8B794
E2E1C1

Deuteranopia

BDBAB6
9C999E
6E7253
BCC194
E6EBC1

Tritanopia

AEBDBF
8FA2A3
7E5252
D39393
FCC0C0

Achromatopsia

C6C6C6
A5A5A5
5F5F5F
A5A5A5
D1D1D1

Shades & Tints Shades & Tints

#ACD9A7

Dark
Light

#8DB494

Dark
Light

#805054

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #acd9a7;
  --color-2: #8db494;
  --color-3: #805054;
  --color-4: #d78f96;
  --color-5: #ffbcc3;
}

SCSS

$color-1: #acd9a7;
$color-2: #8db494;
$color-3: #805054;
$color-4: #d78f96;
$color-5: #ffbcc3;

TAILWIND

colors: {
  'brand-1': '#acd9a7',
  'brand-2': '#8db494',
  'brand-3': '#805054',
  'brand-4': '#d78f96',
  'brand-5': '#ffbcc3',
}

RGB Array

[172, 217, 167], [141, 180, 148], [128, 80, 84], [215, 143, 150], [255, 188, 195]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ACD9A7, #8DB494, #805054, #D78F96, #FFBCC3 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #acd9a7; --color-2: #8db494; --color-3: #805054; --color-4: #d78f96; --color-5: #ffbcc3. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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. 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