#AABFA1 + #BCCEAE + #F9E5C0 + #E28D7A + #E28D81 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#AABFA1

Celadon · DarkGray · Apple Green

HEX

#AABFA1

RGB

rgb(170, 191, 161)

HSL

hsl(102, 19%, 69%)

HSB

hsb(102, 16%, 75%)

CMYK

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

Oklch

oklch(78.0% 0.048 136.3)

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

#BCCEAE

Celadon · Silver · Apple Green

HEX

#BCCEAE

RGB

rgb(188, 206, 174)

HSL

hsl(94, 25%, 75%)

HSB

hsb(94, 16%, 81%)

CMYK

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

Oklch

oklch(82.9% 0.048 131.5)

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

#F9E5C0

Goose Yellow · Bisque · Peach Orange

HEX

#F9E5C0

RGB

rgb(249, 229, 192)

HSL

hsl(39, 83%, 86%)

HSB

hsb(39, 23%, 98%)

CMYK

cmyk(0%, 8%, 23%, 2%)

Oklch

oklch(92.9% 0.053 82.9)

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

#E28D7A

Peach Pink · DarkSalmon · Coral Red

HEX

#E28D7A

RGB

rgb(226, 141, 122)

HSL

hsl(11, 64%, 68%)

HSB

hsb(11, 46%, 89%)

CMYK

cmyk(0%, 38%, 46%, 11%)

Oklch

oklch(72.7% 0.108 33.3)

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

#E28D81

Peach Pink · DarkSalmon · Coral Red

HEX

#E28D81

RGB

rgb(226, 141, 129)

HSL

hsl(7, 63%, 70%)

HSB

hsb(7, 43%, 89%)

CMYK

cmyk(0%, 38%, 43%, 11%)

Oklch

oklch(72.8% 0.106 28.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AABFA1

B6A1BF

Analogous

B9BFA1

AABFA1

A1BFA7

Triadic

AABFA1

A1AABF

BFA1AA

Split-Comp.

AABFA1

A7A1BF

BFA1B9

Tetradic

AABFA1

A1B9BF

B6A1BF

BFA7A1

Contrast Matrix WCAG 2.1 Contrast

AABFA1	BCCEAE	F9E5C0	E28D7A	E28D81
—	1.2 Fail	1.6 Fail	1.3 Fail	1.3 Fail
1.2 Fail	—	1.4 Fail	1.5 Fail	1.5 Fail
1.6 Fail	1.4 Fail	—	2.0 Fail	2.0 Fail
1.3 Fail	1.5 Fail	2.0 Fail	—	1.0 Fail
1.3 Fail	1.5 Fail	2.0 Fail	1.0 Fail	—

White BG

2.0Fail

1.7Fail

1.2Fail

2.5Fail

Black BG

10.7AAA

12.6AAA

17.0AAA

8.3AAA

8.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B3B3A8

C4C4B6

F0F0C9

BDBC7F

BDBC84

Deuteranopia

B2B0AA

C3C1B8

F2F3CB

C2C980

C2C985

Tritanopia

ABAEAF

BDBCBD

F8D0D2

DE8283

DE8687

Achromatopsia

B5B5B5

C5C5C5

E7E7E7

A4A4A4

A5A5A5

Shades & Tints Shades & Tints

#AABFA1

Dark

Light

#BCCEAE

Dark

Light

#F9E5C0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aabfa1;
  --color-2: #bcceae;
  --color-3: #f9e5c0;
  --color-4: #e28d7a;
  --color-5: #e28d81;
}

SCSS

$color-1: #aabfa1;
$color-2: #bcceae;
$color-3: #f9e5c0;
$color-4: #e28d7a;
$color-5: #e28d81;

TAILWIND

colors: {
  'brand-1': '#aabfa1',
  'brand-2': '#bcceae',
  'brand-3': '#f9e5c0',
  'brand-4': '#e28d7a',
  'brand-5': '#e28d81',
}

RGB Array

[170, 191, 161], [188, 206, 174], [249, 229, 192], [226, 141, 122], [226, 141, 129]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #AABFA1, #BCCEAE, #F9E5C0, #E28D7A, #E28D81 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: #aabfa1; --color-2: #bcceae; --color-3: #f9e5c0; --color-4: #e28d7a; --color-5: #e28d81. 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 pastel-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