#FFAD95 + #DDA99C + #BCAA96 + #A2BFA1 + #C8D7A0 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FFAD95

Peach Pink · LightSalmon · Coral Red

HEX

#FFAD95

RGB

rgb(255, 173, 149)

HSL

hsl(14, 100%, 79%)

HSB

hsb(14, 42%, 100%)

CMYK

cmyk(0%, 32%, 42%, 0%)

Oklch

oklch(82.1% 0.103 37.0)

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

#DDA99C

Peach Pink · Tan · Coral Red

HEX

#DDA99C

RGB

rgb(221, 169, 156)

HSL

hsl(12, 49%, 74%)

HSB

hsb(12, 29%, 87%)

CMYK

cmyk(0%, 24%, 29%, 13%)

Oklch

oklch(77.9% 0.064 34.4)

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

#BCAA96

Ginger · Tan · Warm Sun

HEX

#BCAA96

RGB

rgb(188, 170, 150)

HSL

hsl(32, 22%, 66%)

HSB

hsb(32, 20%, 74%)

CMYK

cmyk(0%, 10%, 20%, 26%)

Oklch

oklch(74.8% 0.035 70.2)

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

#A2BFA1

Celadon · DarkGray · Apple Green

HEX

#A2BFA1

RGB

rgb(162, 191, 161)

HSL

hsl(118, 19%, 69%)

HSB

hsb(118, 16%, 75%)

CMYK

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

Oklch

oklch(77.5% 0.053 144.2)

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

#C8D7A0

Willow Green · Silver · Apple Green

HEX

#C8D7A0

RGB

rgb(200, 215, 160)

HSL

hsl(76, 41%, 74%)

HSB

hsb(76, 26%, 84%)

CMYK

cmyk(7%, 0%, 26%, 16%)

Oklch

oklch(85.4% 0.075 120.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFAD95

94E6FF

Analogous

FF94B0

FFAD95

FFE294

Triadic

FFAD95

94FFAD

AD94FF

Split-Comp.

FFAD95

94FFE2

94B0FF

Tetradic

FFAD95

B0FF94

94E6FF

E294FF

Contrast Matrix WCAG 2.1 Contrast

FFAD95	DDA99C	BCAA96	A2BFA1	C8D7A0
—	1.1 Fail	1.3 Fail	1.1 Fail	1.2 Fail
1.1 Fail	—	1.1 Fail	1.0 Fail	1.3 Fail
1.3 Fail	1.1 Fail	—	1.1 Fail	1.5 Fail
1.1 Fail	1.0 Fail	1.1 Fail	—	1.3 Fail
1.2 Fail	1.3 Fail	1.5 Fail	1.3 Fail	—

White BG

1.8Fail

2.1Fail

2.3Fail

2.0Fail

1.5Fail

Black BG

11.7AAA

10.2AAA

9.3AAA

10.5AAA

13.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDB9B

C6C69F

B4B49B

AFAFA8

CECFAD

Deuteranopia

E0E69C

CACDA0

B5B79C

ADABAA

CECDB1

Tritanopia

FB9FA0

DAA2A2

BB9FA0

A3AEAF

C9B8BA

Achromatopsia

C3C3C3

B7B7B7

ADADAD

B3B3B3

CCCCCC

Shades & Tints Shades & Tints

#FFAD95

Dark

Light

#DDA99C

Dark

Light

#BCAA96

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffad95;
  --color-2: #dda99c;
  --color-3: #bcaa96;
  --color-4: #a2bfa1;
  --color-5: #c8d7a0;
}

SCSS

$color-1: #ffad95;
$color-2: #dda99c;
$color-3: #bcaa96;
$color-4: #a2bfa1;
$color-5: #c8d7a0;

TAILWIND

colors: {
  'brand-1': '#ffad95',
  'brand-2': '#dda99c',
  'brand-3': '#bcaa96',
  'brand-4': '#a2bfa1',
  'brand-5': '#c8d7a0',
}

RGB Array

[255, 173, 149], [221, 169, 156], [188, 170, 150], [162, 191, 161], [200, 215, 160]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFAD95, #DDA99C, #BCAA96, #A2BFA1, #C8D7A0 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: #ffad95; --color-2: #dda99c; --color-3: #bcaa96; --color-4: #a2bfa1; --color-5: #c8d7a0. 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