#E4D264 + #BBAC89 + #ADA19D + #CFABB0 + #F7A6A7 · 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

#E4D264

Fresh Green · BurlyWood · Sunflower

HEX

#E4D264

RGB

rgb(228, 210, 100)

HSL

hsl(52, 70%, 64%)

HSB

hsb(52, 56%, 89%)

CMYK

cmyk(0%, 8%, 56%, 11%)

Oklch

oklch(85.7% 0.132 100.1)

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

#BBAC89

Ginger · Tan · Sunflower

HEX

#BBAC89

RGB

rgb(187, 172, 137)

HSL

hsl(42, 27%, 64%)

HSB

hsb(42, 27%, 73%)

CMYK

cmyk(0%, 8%, 27%, 27%)

Oklch

oklch(74.8% 0.051 87.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#ADA19D

Apricot · DarkGray · Silver Sand

HEX

#ADA19D

RGB

rgb(173, 161, 157)

HSL

hsl(15, 9%, 65%)

HSB

hsb(15, 9%, 68%)

CMYK

cmyk(0%, 7%, 9%, 32%)

Oklch

oklch(71.8% 0.015 39.4)

Traditional「Apricot」· Paint「Silver Sand」· Creative Urban Concrete

#CFABB0

Peach Pink · Silver · Coral Red

HEX

#CFABB0

RGB

rgb(207, 171, 176)

HSL

hsl(352, 27%, 74%)

HSB

hsb(352, 17%, 81%)

CMYK

cmyk(0%, 17%, 15%, 19%)

Oklch

oklch(77.5% 0.043 8.7)

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

#F7A6A7

Peach Pink · LightPink · Cherry Blossom

HEX

#F7A6A7

RGB

rgb(247, 166, 167)

HSL

hsl(359, 84%, 81%)

HSB

hsb(359, 33%, 97%)

CMYK

cmyk(0%, 33%, 32%, 3%)

Oklch

oklch(80.4% 0.096 18.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E4D264

6374E3

Analogous

E39263

E4D264

B4E363

Triadic

E4D264

63E3D2

D263E3

Split-Comp.

E4D264

63B4E3

9263E3

Tetradic

E4D264

63E392

6374E3

E363B4

Contrast Matrix WCAG 2.1 Contrast

E4D264	BBAC89	ADA19D	CFABB0	F7A6A7
—	1.5 Fail	1.6 Fail	1.4 Fail	1.2 Fail
1.5 Fail	—	1.1 Fail	1.1 Fail	1.2 Fail
1.6 Fail	1.1 Fail	—	1.2 Fail	1.3 Fail
1.4 Fail	1.1 Fail	1.2 Fail	—	1.1 Fail
1.2 Fail	1.2 Fail	1.3 Fail	1.1 Fail	—

White BG

1.5Fail

2.2Fail

2.5Fail

2.1Fail

1.9Fail

Black BG

13.7AAA

9.4AAA

8.4AAA

10.1AAA

11.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDC7F

B5B491

A8A89E

BFBFAF

D4D3A7

Deuteranopia

DDDF85

B5B794

A9A99E

C2C4AF

D9DFA7

Tritanopia

E39498

BA989A

AC9F9F

CDAEAE

F3A7A7

Achromatopsia

CBCBCB

ACACAC

A4A4A4

B6B6B6

BEBEBE

Shades & Tints Shades & Tints

#E4D264

Dark

Light

#BBAC89

Dark

Light

#ADA19D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e4d264;
  --color-2: #bbac89;
  --color-3: #ada19d;
  --color-4: #cfabb0;
  --color-5: #f7a6a7;
}

SCSS

$color-1: #e4d264;
$color-2: #bbac89;
$color-3: #ada19d;
$color-4: #cfabb0;
$color-5: #f7a6a7;

TAILWIND

colors: {
  'brand-1': '#e4d264',
  'brand-2': '#bbac89',
  'brand-3': '#ada19d',
  'brand-4': '#cfabb0',
  'brand-5': '#f7a6a7',
}

RGB Array

[228, 210, 100], [187, 172, 137], [173, 161, 157], [207, 171, 176], [247, 166, 167]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #E4D264, #BBAC89, #ADA19D, #CFABB0, #F7A6A7 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: #e4d264; --color-2: #bbac89; --color-3: #ada19d; --color-4: #cfabb0; --color-5: #f7a6a7. 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