#ED9994 + #A9AB9D + #99C3AF + #C2C6AA + #DAC8A1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#ED9994

Peach Pink · DarkSalmon · Coral Red

HEX

#ED9994

RGB

rgb(237, 153, 148)

HSL

hsl(3, 71%, 75%)

HSB

hsb(3, 38%, 93%)

CMYK

cmyk(0%, 35%, 38%, 7%)

Oklch

oklch(76.6% 0.102 23.4)

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

#A9AB9D

Fresh Green · DarkGray · Silver Sand

HEX

#A9AB9D

RGB

rgb(169, 171, 157)

HSL

hsl(69, 8%, 64%)

HSB

hsb(69, 8%, 67%)

CMYK

cmyk(1%, 0%, 8%, 33%)

Oklch

oklch(73.6% 0.020 113.5)

Traditional「Fresh Green」· Paint「Silver Sand」· Creative Urban Concrete

#99C3AF

Jade · DarkGray · Apple Green

HEX

#99C3AF

RGB

rgb(153, 195, 175)

HSL

hsl(151, 26%, 68%)

HSB

hsb(151, 22%, 76%)

CMYK

cmyk(22%, 0%, 10%, 24%)

Oklch

oklch(78.1% 0.053 164.4)

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

#C2C6AA

Fresh Green · Silver · Sunflower

HEX

#C2C6AA

RGB

rgb(194, 198, 170)

HSL

hsl(69, 20%, 72%)

HSB

hsb(69, 14%, 78%)

CMYK

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

Oklch

oklch(81.6% 0.038 113.9)

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

#DAC8A1

Goose Yellow · Tan · Sunflower

HEX

#DAC8A1

RGB

rgb(218, 200, 161)

HSL

hsl(41, 44%, 74%)

HSB

hsb(41, 26%, 85%)

CMYK

cmyk(0%, 8%, 26%, 15%)

Oklch

oklch(83.8% 0.056 86.1)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ED9994

92E8ED

Analogous

ED92BB

ED9994

EDC492

Triadic

ED9994

92ED97

9792ED

Split-Comp.

ED9994

92EDC4

92BBED

Tetradic

ED9994

BBED92

92E8ED

C492ED

Contrast Matrix WCAG 2.1 Contrast

ED9994	A9AB9D	99C3AF	C2C6AA	DAC8A1
—	1.1 Fail	1.1 Fail	1.2 Fail	1.3 Fail
1.1 Fail	—	1.2 Fail	1.3 Fail	1.4 Fail
1.1 Fail	1.2 Fail	—	1.1 Fail	1.2 Fail
1.2 Fail	1.3 Fail	1.1 Fail	—	1.1 Fail
1.3 Fail	1.4 Fail	1.2 Fail	1.1 Fail	—

White BG

2.2Fail

2.3Fail

1.9Fail

1.8Fail

1.6Fail

Black BG

9.6AAA

9.0AAA

10.8AAA

12.0AAA

12.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C895

AAAAA0

ABACB4

C4C4B1

D2D2AA

Deuteranopia

CED496

AAAAA1

A9A6B5

C4C3B2

D3D5AD

Tritanopia

E99696

A9A3A4

9BB8B9

C2B6B7

D9B2B4

Achromatopsia

B2B2B2

A9A9A9

B4B4B4

C2C2C2

C9C9C9

Shades & Tints Shades & Tints

#ED9994

Dark

Light

#A9AB9D

Dark

Light

#99C3AF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ed9994;
  --color-2: #a9ab9d;
  --color-3: #99c3af;
  --color-4: #c2c6aa;
  --color-5: #dac8a1;
}

SCSS

$color-1: #ed9994;
$color-2: #a9ab9d;
$color-3: #99c3af;
$color-4: #c2c6aa;
$color-5: #dac8a1;

TAILWIND

colors: {
  'brand-1': '#ed9994',
  'brand-2': '#a9ab9d',
  'brand-3': '#99c3af',
  'brand-4': '#c2c6aa',
  'brand-5': '#dac8a1',
}

RGB Array

[237, 153, 148], [169, 171, 157], [153, 195, 175], [194, 198, 170], [218, 200, 161]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ED9994, #A9AB9D, #99C3AF, #C2C6AA, #DAC8A1 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: #ed9994; --color-2: #a9ab9d; --color-3: #99c3af; --color-4: #c2c6aa; --color-5: #dac8a1. 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