#A2C0A9 + #C4DAC9 + #E1F1AD + #DBBC7A + #DB987A - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A2C0A9

Celadon · DarkGray · Apple Green

HEX

#A2C0A9

RGB

rgb(162, 192, 169)

HSL

hsl(134, 19%, 69%)

HSB

hsb(134, 16%, 75%)

CMYK

cmyk(16%, 0%, 12%, 25%)

Oklch

oklch(77.9% 0.046 152.2)

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

#C4DAC9

Celadon · LightGray · Mint Green

HEX

#C4DAC9

RGB

rgb(196, 218, 201)

HSL

hsl(134, 23%, 81%)

HSB

hsb(134, 10%, 85%)

CMYK

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

Oklch

oklch(86.7% 0.033 152.4)

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

#E1F1AD

Willow Green · Wheat · Mint Green

HEX

#E1F1AD

RGB

rgb(225, 241, 173)

HSL

hsl(74, 71%, 81%)

HSB

hsb(74, 28%, 95%)

CMYK

cmyk(7%, 0%, 28%, 5%)

Oklch

oklch(93.0% 0.089 118.9)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#DBBC7A

Ginger · BurlyWood · Sunflower

HEX

#DBBC7A

RGB

rgb(219, 188, 122)

HSL

hsl(41, 57%, 67%)

HSB

hsb(41, 44%, 86%)

CMYK

cmyk(0%, 14%, 44%, 14%)

Oklch

oklch(80.7% 0.092 85.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#DB987A

Apricot · DarkSalmon · Warm Sun

HEX

#DB987A

RGB

rgb(219, 152, 122)

HSL

hsl(19, 57%, 67%)

HSB

hsb(19, 44%, 86%)

CMYK

cmyk(0%, 31%, 44%, 14%)

Oklch

oklch(73.8% 0.091 45.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A2C0A9

BFA1B8

Analogous

A9BFA1

A2C0A9

A1BFB7

Triadic

A2C0A9

A8A1BF

BFA8A1

Split-Comp.

A2C0A9

B7A1BF

BFA1A9

Tetradic

A2C0A9

A1A9BF

BFA1B8

BFB7A1

Contrast Matrix WCAG 2.1 Contrast

A2C0A9	C4DAC9	E1F1AD	DBBC7A	DB987A
—	1.3 Fail	1.6 Fail	1.1 Fail	1.2 Fail
1.3 Fail	—	1.2 Fail	1.2 Fail	1.6 Fail
1.6 Fail	1.2 Fail	—	1.5 Fail	2.0 Fail
1.1 Fail	1.2 Fail	1.5 Fail	—	1.3 Fail
1.2 Fail	1.6 Fail	2.0 Fail	1.3 Fail	—

White BG

2.0Fail

1.5Fail

1.2Fail

1.8Fail

2.4Fail

Black BG

10.6AAA

14.2AAA

17.4AAA

11.5AAA

8.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AFAFAF

CECECD

E8E8BD

CECD8A

BEBD81

Deuteranopia

ADABB0

CCCBCE

E7E6C1

CFD28E

C2C783

Tritanopia

A4B3B4

C5D0D1

E2CACD

D99799

D88788

Achromatopsia

B4B4B4

D1D1D1

E4E4E4

BEBEBE

A9A9A9

Shades & Tints Shades & Tints

#A2C0A9

Dark

Light

#C4DAC9

Dark

Light

#E1F1AD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a2c0a9;
  --color-2: #c4dac9;
  --color-3: #e1f1ad;
  --color-4: #dbbc7a;
  --color-5: #db987a;
}

SCSS

$color-1: #a2c0a9;
$color-2: #c4dac9;
$color-3: #e1f1ad;
$color-4: #dbbc7a;
$color-5: #db987a;

TAILWIND

colors: {
  'brand-1': '#a2c0a9',
  'brand-2': '#c4dac9',
  'brand-3': '#e1f1ad',
  'brand-4': '#dbbc7a',
  'brand-5': '#db987a',
}

RGB Array

[162, 192, 169], [196, 218, 201], [225, 241, 173], [219, 188, 122], [219, 152, 122]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A2C0A9, #C4DAC9, #E1F1AD, #DBBC7A, #DB987A 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: #a2c0a9; --color-2: #c4dac9; --color-3: #e1f1ad; --color-4: #dbbc7a; --color-5: #db987a. 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