#AAC59A + #9FB2A1 + #B4858D + #DE8192 + #E9907E - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#AAC59A

Celadon · DarkSeaGreen · Apple Green

HEX

#AAC59A

RGB

rgb(170, 197, 154)

HSL

hsl(98, 27%, 69%)

HSB

hsb(98, 22%, 77%)

CMYK

cmyk(14%, 0%, 22%, 23%)

Oklch

oklch(79.2% 0.066 134.0)

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

#9FB2A1

Celadon · DarkGray · Apple Green

HEX

#9FB2A1

RGB

rgb(159, 178, 161)

HSL

hsl(126, 11%, 66%)

HSB

hsb(126, 11%, 70%)

CMYK

cmyk(11%, 0%, 10%, 30%)

Oklch

oklch(74.4% 0.032 148.3)

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

#B4858D

Peach Pink · DarkGray · Coral Red

HEX

#B4858D

RGB

rgb(180, 133, 141)

HSL

hsl(350, 24%, 61%)

HSB

hsb(350, 26%, 71%)

CMYK

cmyk(0%, 26%, 22%, 29%)

Oklch

oklch(66.5% 0.059 7.5)

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

#DE8192

Peach Pink · LightCoral · Coral Red

HEX

#DE8192

RGB

rgb(222, 129, 146)

HSL

hsl(349, 58%, 69%)

HSB

hsb(349, 42%, 87%)

CMYK

cmyk(0%, 42%, 34%, 13%)

Oklch

oklch(70.8% 0.116 8.7)

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

#E9907E

Peach Pink · DarkSalmon · Coral Red

HEX

#E9907E

RGB

rgb(233, 144, 126)

HSL

hsl(10, 71%, 70%)

HSB

hsb(10, 46%, 91%)

CMYK

cmyk(0%, 38%, 46%, 9%)

Oklch

oklch(74.1% 0.112 32.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AAC59A

B69BC5

Analogous

C0C59B

AAC59A

9BC5A0

Triadic

AAC59A

9BAAC5

C59BAA

Split-Comp.

AAC59A

A09BC5

C59BC0

Tetradic

AAC59A

9BC0C5

B69BC5

C5A09B

Contrast Matrix WCAG 2.1 Contrast

AAC59A	9FB2A1	B4858D	DE8192	E9907E
—	1.2 Fail	1.7 Fail	1.5 Fail	1.3 Fail
1.2 Fail	—	1.4 Fail	1.2 Fail	1.1 Fail
1.7 Fail	1.4 Fail	—	1.1 Fail	1.3 Fail
1.5 Fail	1.2 Fail	1.1 Fail	—	1.1 Fail
1.3 Fail	1.1 Fail	1.3 Fail	1.1 Fail	—

White BG

1.9Fail

2.2Fail

3.1AA Large

2.7Fail

2.4Fail

Black BG

11.2AAA

9.4AAA

6.7AA

7.7AAA

8.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B6A4

A7A7A5

A09F8B

B6B58E

C2C282

Deuteranopia

B4B2A7

A6A5A6

A2A68B

BBC28D

C8CE83

Tritanopia

ABADAE

A0A8A9

B28A89

D98B8A

E58687

Achromatopsia

B8B8B8

AAAAAA

949494

9F9F9F

A9A9A9

Shades & Tints Shades & Tints

#AAC59A

Dark

Light

#9FB2A1

Dark

Light

#B4858D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aac59a;
  --color-2: #9fb2a1;
  --color-3: #b4858d;
  --color-4: #de8192;
  --color-5: #e9907e;
}

SCSS

$color-1: #aac59a;
$color-2: #9fb2a1;
$color-3: #b4858d;
$color-4: #de8192;
$color-5: #e9907e;

TAILWIND

colors: {
  'brand-1': '#aac59a',
  'brand-2': '#9fb2a1',
  'brand-3': '#b4858d',
  'brand-4': '#de8192',
  'brand-5': '#e9907e',
}

RGB Array

[170, 197, 154], [159, 178, 161], [180, 133, 141], [222, 129, 146], [233, 144, 126]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AAC59A, #9FB2A1, #B4858D, #DE8192, #E9907E is ideal for: health products, baby brands, fresh-style blogs. 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: #aac59a; --color-2: #9fb2a1; --color-3: #b4858d; --color-4: #de8192; --color-5: #e9907e. 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 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