#A9CFB2 + #86BFB4 + #86A3B4 + #995F8C + #D42463 · 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

#A9CFB2

Celadon · Silver · Apple Green

HEX

#A9CFB2

RGB

rgb(169, 207, 178)

HSL

hsl(134, 28%, 74%)

HSB

hsb(134, 18%, 81%)

CMYK

cmyk(18%, 0%, 14%, 19%)

Oklch

oklch(81.9% 0.057 152.2)

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

#86BFB4

Jade · MediumAquaMarine · Lake Green

HEX

#86BFB4

RGB

rgb(134, 191, 180)

HSL

hsl(168, 31%, 64%)

HSB

hsb(168, 30%, 75%)

CMYK

cmyk(30%, 0%, 6%, 25%)

Oklch

oklch(76.2% 0.061 181.3)

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

#86A3B4

Sky Blue · DarkGray · Cobalt Blue

HEX

#86A3B4

RGB

rgb(134, 163, 180)

HSL

hsl(202, 23%, 62%)

HSB

hsb(202, 26%, 71%)

CMYK

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

Oklch

oklch(69.9% 0.041 233.9)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

#995F8C

Rose Purple · Gray · Violet

HEX

#995F8C

RGB

rgb(153, 95, 140)

HSL

hsl(313, 23%, 49%)

HSB

hsb(313, 38%, 60%)

CMYK

cmyk(0%, 38%, 8%, 40%)

Oklch

oklch(56.5% 0.097 335.4)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#D42463

Dark Violet · MediumVioletRed · Camellia

HEX

#D42463

RGB

rgb(212, 36, 99)

HSL

hsl(339, 71%, 49%)

HSB

hsb(339, 83%, 83%)

CMYK

cmyk(0%, 83%, 53%, 17%)

Oklch

oklch(57.2% 0.210 6.8)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A9CFB2

CFAAC7

Analogous

B4CFAA

A9CFB2

AACFC5

Triadic

A9CFB2

B3AACF

CFB3AA

Split-Comp.

A9CFB2

C5AACF

CFAAB4

Tetradic

A9CFB2

AAB4CF

CFAAC7

CFC5AA

Contrast Matrix WCAG 2.1 Contrast

A9CFB2	86BFB4	86A3B4	995F8C	D42463
—	1.2 Fail	1.5 Fail	2.8 Fail	2.9 Fail
1.2 Fail	—	1.3 Fail	2.3 Fail	2.4 Fail
1.5 Fail	1.3 Fail	—	1.8 Fail	1.9 Fail
2.8 Fail	2.3 Fail	1.8 Fail	—	1.0 Fail
2.9 Fail	2.4 Fail	1.9 Fail	1.0 Fail	—

White BG

1.7Fail

2.1Fail

2.7Fail

4.8AA

5.0AA

Black BG

12.3AAA

10.1AAA

7.9AAA

4.4AA Large

4.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9BAB9

9F9FB7

9393B0

807F81

888654

Deuteranopia

B7B4BB

9B97B7

918FAF

83887F

929F50

Tritanopia

ABBFC0

89B9B9

87ADAC

967977

CB4845

Achromatopsia

C0C0C0

ADADAD

9C9C9C

757575

606060

Shades & Tints Shades & Tints

#A9CFB2

Dark

Light

#86BFB4

Dark

Light

#86A3B4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a9cfb2;
  --color-2: #86bfb4;
  --color-3: #86a3b4;
  --color-4: #995f8c;
  --color-5: #d42463;
}

SCSS

$color-1: #a9cfb2;
$color-2: #86bfb4;
$color-3: #86a3b4;
$color-4: #995f8c;
$color-5: #d42463;

TAILWIND

colors: {
  'brand-1': '#a9cfb2',
  'brand-2': '#86bfb4',
  'brand-3': '#86a3b4',
  'brand-4': '#995f8c',
  'brand-5': '#d42463',
}

RGB Array

[169, 207, 178], [134, 191, 180], [134, 163, 180], [153, 95, 140], [212, 36, 99]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #A9CFB2, #86BFB4, #86A3B4, #995F8C, #D42463 is ideal for: corporate websites, product showcases, portfolios. 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: #a9cfb2; --color-2: #86bfb4; --color-3: #86a3b4; --color-4: #995f8c; --color-5: #d42463. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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