#FCAABB + #EAC1B0 + #E1D0B4 + #D5E6BF + #A5D8C0 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FCAABB

Peach Pink · LightPink · Cherry Blossom

HEX

#FCAABB

RGB

rgb(252, 170, 187)

HSL

hsl(348, 93%, 83%)

HSB

hsb(348, 33%, 99%)

CMYK

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

Oklch

oklch(82.2% 0.098 5.9)

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

#EAC1B0

Apricot · LightPink · Peach Orange

HEX

#EAC1B0

RGB

rgb(234, 193, 176)

HSL

hsl(18, 58%, 80%)

HSB

hsb(18, 25%, 92%)

CMYK

cmyk(0%, 18%, 25%, 8%)

Oklch

oklch(84.2% 0.053 43.7)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#E1D0B4

Goose Yellow · Wheat · Peach Orange

HEX

#E1D0B4

RGB

rgb(225, 208, 180)

HSL

hsl(37, 43%, 79%)

HSB

hsb(37, 20%, 88%)

CMYK

cmyk(0%, 8%, 20%, 12%)

Oklch

oklch(86.4% 0.042 80.3)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#D5E6BF

Willow Green · LightGray · Mint Green

HEX

#D5E6BF

RGB

rgb(213, 230, 191)

HSL

hsl(86, 44%, 83%)

HSB

hsb(86, 17%, 90%)

CMYK

cmyk(7%, 0%, 17%, 10%)

Oklch

oklch(90.2% 0.055 126.7)

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

#A5D8C0

Jade · Silver · Apple Green

HEX

#A5D8C0

RGB

rgb(165, 216, 192)

HSL

hsl(152, 40%, 75%)

HSB

hsb(152, 24%, 85%)

CMYK

cmyk(24%, 0%, 11%, 15%)

Oklch

oklch(84.0% 0.063 164.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCAABB

ABFCEC

Analogous

FCABE4

FCAABB

FCC4AB

Triadic

FCAABB

BBFCAB

ABBBFC

Split-Comp.

FCAABB

ABFCC4

ABE4FC

Tetradic

FCAABB

E4FCAB

ABFCEC

C4ABFC

Contrast Matrix WCAG 2.1 Contrast

FCAABB	EAC1B0	E1D0B4	D5E6BF	A5D8C0
—	1.1 Fail	1.2 Fail	1.4 Fail	1.1 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.0 Fail
1.2 Fail	1.1 Fail	—	1.1 Fail	1.1 Fail
1.4 Fail	1.2 Fail	1.1 Fail	—	1.2 Fail
1.1 Fail	1.0 Fail	1.1 Fail	1.2 Fail	—

White BG

1.8Fail

1.6Fail

1.5Fail

1.3Fail

1.6Fail

Black BG

11.6AAA

12.8AAA

13.9AAA

15.9AAA

13.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D8B7

D8D8B4

DAD9BB

DCDDC8

BBBCC6

Deuteranopia

DDE3B6

DBDEB5

DBDCBC

DBDACB

B8B4C7

Tritanopia

F8B4B3

E8B7B8

E0C0C1

D6D0D2

A8CACB

Achromatopsia

C4C4C4

CBCBCB

D2D2D2

DCDCDC

C6C6C6

Shades & Tints Shades & Tints

#FCAABB

Dark

Light

#EAC1B0

Dark

Light

#E1D0B4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcaabb;
  --color-2: #eac1b0;
  --color-3: #e1d0b4;
  --color-4: #d5e6bf;
  --color-5: #a5d8c0;
}

SCSS

$color-1: #fcaabb;
$color-2: #eac1b0;
$color-3: #e1d0b4;
$color-4: #d5e6bf;
$color-5: #a5d8c0;

TAILWIND

colors: {
  'brand-1': '#fcaabb',
  'brand-2': '#eac1b0',
  'brand-3': '#e1d0b4',
  'brand-4': '#d5e6bf',
  'brand-5': '#a5d8c0',
}

RGB Array

[252, 170, 187], [234, 193, 176], [225, 208, 180], [213, 230, 191], [165, 216, 192]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCAABB, #EAC1B0, #E1D0B4, #D5E6BF, #A5D8C0 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: #fcaabb; --color-2: #eac1b0; --color-3: #e1d0b4; --color-4: #d5e6bf; --color-5: #a5d8c0. 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