#A7CEC3 + #BECAB5 + #CFBBAD + #E2AFA4 + #F59C9D · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#A7CEC3

Jade · Silver · Lake Green

HEX

#A7CEC3

RGB

rgb(167, 206, 195)

HSL

hsl(163, 28%, 73%)

HSB

hsb(163, 19%, 81%)

CMYK

cmyk(19%, 0%, 5%, 19%)

Oklch

oklch(82.0% 0.044 176.1)

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

#BECAB5

Celadon · Silver · Apple Green

HEX

#BECAB5

RGB

rgb(190, 202, 181)

HSL

hsl(94, 17%, 75%)

HSB

hsb(94, 10%, 79%)

CMYK

cmyk(6%, 0%, 10%, 21%)

Oklch

oklch(82.4% 0.032 131.6)

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

#CFBBAD

Apricot · Silver · Warm Sun

HEX

#CFBBAD

RGB

rgb(207, 187, 173)

HSL

hsl(25, 26%, 75%)

HSB

hsb(25, 16%, 81%)

CMYK

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

Oklch

oklch(80.5% 0.030 57.3)

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

#E2AFA4

Peach Pink · Tan · Coral Red

HEX

#E2AFA4

RGB

rgb(226, 175, 164)

HSL

hsl(11, 52%, 76%)

HSB

hsb(11, 27%, 89%)

CMYK

cmyk(0%, 23%, 27%, 11%)

Oklch

oklch(79.8% 0.062 32.4)

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

#F59C9D

Peach Pink · LightSalmon · Coral Red

HEX

#F59C9D

RGB

rgb(245, 156, 157)

HSL

hsl(359, 82%, 79%)

HSB

hsb(359, 36%, 96%)

CMYK

cmyk(0%, 36%, 36%, 4%)

Oklch

oklch(78.3% 0.107 19.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A7CEC3

CDA7B2

Analogous

A7CDAF

A7CEC3

A7C5CD

Triadic

A7CEC3

C3A7CD

CDC3A7

Split-Comp.

A7CEC3

CDA7C5

CDAFA7

Tetradic

A7CEC3

AFA7CD

CDA7B2

C5CDA7

Contrast Matrix WCAG 2.1 Contrast

A7CEC3	BECAB5	CFBBAD	E2AFA4	F59C9D
—	1.0 Fail	1.1 Fail	1.1 Fail	1.2 Fail
1.0 Fail	—	1.1 Fail	1.1 Fail	1.2 Fail
1.1 Fail	1.1 Fail	—	1.0 Fail	1.1 Fail
1.1 Fail	1.1 Fail	1.0 Fail	—	1.1 Fail
1.2 Fail	1.2 Fail	1.1 Fail	1.1 Fail	—

White BG

1.7Fail

1.8Fail

1.9Fail

2.1Fail

Black BG

12.3AAA

11.4AAA

10.9AAA

10.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B8B8C6

C3C3BA

C6C6B0

CCCBA7

CECE9D

Deuteranopia

B6B3C6

C3C2BB

C8C9B1

CFD3A7

D4DA9D

Tritanopia

A9C8C8

BFBEBF

CEB3B4

DFA9A9

F19D9D

Achromatopsia

C1C1C1

C4C4C4

BFBFBF

BDBDBD

B7B7B7

Shades & Tints Shades & Tints

#A7CEC3

Dark

Light

#BECAB5

Dark

Light

#CFBBAD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a7cec3;
  --color-2: #becab5;
  --color-3: #cfbbad;
  --color-4: #e2afa4;
  --color-5: #f59c9d;
}

SCSS

$color-1: #a7cec3;
$color-2: #becab5;
$color-3: #cfbbad;
$color-4: #e2afa4;
$color-5: #f59c9d;

TAILWIND

colors: {
  'brand-1': '#a7cec3',
  'brand-2': '#becab5',
  'brand-3': '#cfbbad',
  'brand-4': '#e2afa4',
  'brand-5': '#f59c9d',
}

RGB Array

[167, 206, 195], [190, 202, 181], [207, 187, 173], [226, 175, 164], [245, 156, 157]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #A7CEC3, #BECAB5, #CFBBAD, #E2AFA4, #F59C9D 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: #a7cec3; --color-2: #becab5; --color-3: #cfbbad; --color-4: #e2afa4; --color-5: #f59c9d. 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