#A3C0D6 + #A7CBD6 + #D6D4A3 + #E8E5B0 + #FFFCC2 · 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

#A3C0D6

Sky Blue · LightSteelBlue · Cobalt Blue

HEX

#A3C0D6

RGB

rgb(163, 192, 214)

HSL

hsl(206, 38%, 74%)

HSB

hsb(206, 24%, 84%)

CMYK

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

Oklch

oklch(79.3% 0.044 240.9)

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

#A7CBD6

Sky Blue · LightSteelBlue · Lake Green

HEX

#A7CBD6

RGB

rgb(167, 203, 214)

HSL

hsl(194, 36%, 75%)

HSB

hsb(194, 22%, 84%)

CMYK

cmyk(22%, 5%, 0%, 16%)

Oklch

oklch(82.0% 0.041 218.3)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#D6D4A3

Fresh Green · Wheat · Sunflower

HEX

#D6D4A3

RGB

rgb(214, 212, 163)

HSL

hsl(58, 38%, 74%)

HSB

hsb(58, 24%, 84%)

CMYK

cmyk(0%, 1%, 24%, 16%)

Oklch

oklch(85.9% 0.065 105.7)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#E8E5B0

Fresh Green · Wheat · Lemon Cream

HEX

#E8E5B0

RGB

rgb(232, 229, 176)

HSL

hsl(57, 55%, 80%)

HSB

hsb(57, 24%, 91%)

CMYK

cmyk(0%, 1%, 24%, 9%)

Oklch

oklch(91.1% 0.069 105.0)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#FFFCC2

Fresh Green · Bisque · Lemon Cream

HEX

#FFFCC2

RGB

rgb(255, 252, 194)

HSL

hsl(57, 100%, 88%)

HSB

hsb(57, 24%, 100%)

CMYK

cmyk(0%, 1%, 24%, 0%)

Oklch

oklch(97.9% 0.074 105.2)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A3C0D6

D6B9A4

Analogous

A4D6D3

A3C0D6

A4A7D6

Triadic

A3C0D6

D6A4C0

C0D6A4

Split-Comp.

A3C0D6

D6A4A7

D6D3A4

Tetradic

A3C0D6

D3A4D6

D6B9A4

A7D6A4

Contrast Matrix WCAG 2.1 Contrast

A3C0D6	A7CBD6	D6D4A3	E8E5B0	FFFCC2
—	1.1 Fail	1.2 Fail	1.5 Fail	1.8 Fail
1.1 Fail	—	1.1 Fail	1.3 Fail	1.6 Fail
1.2 Fail	1.1 Fail	—	1.2 Fail	1.4 Fail
1.5 Fail	1.3 Fail	1.2 Fail	—	1.2 Fail
1.8 Fail	1.6 Fail	1.4 Fail	1.2 Fail	—

White BG

1.9Fail

1.7Fail

1.5Fail

1.3Fail

1.1Fail

Black BG

11.1AAA

12.2AAA

13.8AAA

16.3AAA

20.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B0B0D1

B7B7D3

D5D5AF

E7E7BD

FEFED0

Deuteranopia

AEACCF

B5B2D3

D5D5B2

E7E7C0

FEFED3

Tritanopia

A4CCCC

A9D1D1

D6B8BA

E8C7C9

FFDBDE

Achromatopsia

BABABA

C1C1C1

CFCFCF

E0E0E0

F6F6F6

Shades & Tints Shades & Tints

#A3C0D6

Dark

Light

#A7CBD6

Dark

Light

#D6D4A3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a3c0d6;
  --color-2: #a7cbd6;
  --color-3: #d6d4a3;
  --color-4: #e8e5b0;
  --color-5: #fffcc2;
}

SCSS

$color-1: #a3c0d6;
$color-2: #a7cbd6;
$color-3: #d6d4a3;
$color-4: #e8e5b0;
$color-5: #fffcc2;

TAILWIND

colors: {
  'brand-1': '#a3c0d6',
  'brand-2': '#a7cbd6',
  'brand-3': '#d6d4a3',
  'brand-4': '#e8e5b0',
  'brand-5': '#fffcc2',
}

RGB Array

[163, 192, 214], [167, 203, 214], [214, 212, 163], [232, 229, 176], [255, 252, 194]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #A3C0D6, #A7CBD6, #D6D4A3, #E8E5B0, #FFFCC2 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: #a3c0d6; --color-2: #a7cbd6; --color-3: #d6d4a3; --color-4: #e8e5b0; --color-5: #fffcc2. 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