#ADA5AD + #F7A6AF + #E3CFA1 + #D7FFA3 + #BCE8D6 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#ADA5AD

Ash · DarkGray · Silver Sand

HEX

#ADA5AD

RGB

rgb(173, 165, 173)

HSL

hsl(300, 5%, 66%)

HSB

hsb(300, 5%, 68%)

CMYK

cmyk(0%, 5%, 0%, 32%)

Oklch

oklch(73.1% 0.015 325.7)

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

#F7A6AF

Peach Pink · LightPink · Cherry Blossom

HEX

#F7A6AF

RGB

rgb(247, 166, 175)

HSL

hsl(353, 84%, 81%)

HSB

hsb(353, 33%, 97%)

CMYK

cmyk(0%, 33%, 29%, 3%)

Oklch

oklch(80.6% 0.096 12.2)

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

#E3CFA1

Goose Yellow · Wheat · Lemon Cream

HEX

#E3CFA1

RGB

rgb(227, 207, 161)

HSL

hsl(42, 54%, 76%)

HSB

hsb(42, 29%, 89%)

CMYK

cmyk(0%, 9%, 29%, 11%)

Oklch

oklch(86.0% 0.064 87.2)

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

#D7FFA3

Willow Green · Khaki · Mint Green

HEX

#D7FFA3

RGB

rgb(215, 255, 163)

HSL

hsl(86, 100%, 82%)

HSB

hsb(86, 36%, 100%)

CMYK

cmyk(16%, 0%, 36%, 0%)

Oklch

oklch(95.1% 0.124 127.7)

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

#BCE8D6

Jade · LightBlue · Mint Green

HEX

#BCE8D6

RGB

rgb(188, 232, 214)

HSL

hsl(155, 49%, 82%)

HSB

hsb(155, 19%, 91%)

CMYK

cmyk(19%, 0%, 8%, 9%)

Oklch

oklch(89.5% 0.052 168.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ADA5AD

A4ADA4

Analogous

A8A4AD

ADA5AD

ADA4A8

Triadic

ADA5AD

ADADA4

A4ADAD

Split-Comp.

ADA5AD

A8ADA4

A4ADA8

Tetradic

ADA5AD

ADA8A4

A4ADA4

A4A8AD

Contrast Matrix WCAG 2.1 Contrast

ADA5AD	F7A6AF	E3CFA1	D7FFA3	BCE8D6
—	1.3 Fail	1.6 Fail	2.1 Fail	1.8 Fail
1.3 Fail	—	1.2 Fail	1.7 Fail	1.4 Fail
1.6 Fail	1.2 Fail	—	1.4 Fail	1.1 Fail
2.1 Fail	1.7 Fail	1.4 Fail	—	1.2 Fail
1.8 Fail	1.4 Fail	1.1 Fail	1.2 Fail	—

White BG

2.4Fail

1.9Fail

1.5Fail

1.1Fail

1.3Fail

Black BG

8.8AAA

11.0AAA

13.7AAA

18.7AAA

15.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AAA9AB

D4D3AD

DADAAC

E8E9B9

CFCFDA

Deuteranopia

AAABAB

D9DFAC

DCDDAF

E6E3BF

CDC9DB

Tritanopia

ADAAA9

F3ABAB

E2B5B7

D9CBCF

BEDEDF

Achromatopsia

A8A8A8

BFBFBF

D0D0D0

E9E9E9

D9D9D9

Shades & Tints Shades & Tints

#ADA5AD

Dark

Light

#F7A6AF

Dark

Light

#E3CFA1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ada5ad;
  --color-2: #f7a6af;
  --color-3: #e3cfa1;
  --color-4: #d7ffa3;
  --color-5: #bce8d6;
}

SCSS

$color-1: #ada5ad;
$color-2: #f7a6af;
$color-3: #e3cfa1;
$color-4: #d7ffa3;
$color-5: #bce8d6;

TAILWIND

colors: {
  'brand-1': '#ada5ad',
  'brand-2': '#f7a6af',
  'brand-3': '#e3cfa1',
  'brand-4': '#d7ffa3',
  'brand-5': '#bce8d6',
}

RGB Array

[173, 165, 173], [247, 166, 175], [227, 207, 161], [215, 255, 163], [188, 232, 214]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ADA5AD, #F7A6AF, #E3CFA1, #D7FFA3, #BCE8D6 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: #ada5ad; --color-2: #f7a6af; --color-3: #e3cfa1; --color-4: #d7ffa3; --color-5: #bce8d6. 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