#EFEBC2 + #E3E2B8 + #DAD1BA + #C7B6A7 + #F87467 · 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

#EFEBC2

Fresh Green · Bisque · Lemon Cream

HEX

#EFEBC2

RGB

rgb(239, 235, 194)

HSL

hsl(55, 58%, 85%)

HSB

hsb(55, 19%, 94%)

CMYK

cmyk(0%, 2%, 19%, 6%)

Oklch

oklch(93.3% 0.054 102.8)

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

#E3E2B8

Fresh Green · Wheat · Lemon Cream

HEX

#E3E2B8

RGB

rgb(227, 226, 184)

HSL

hsl(59, 43%, 81%)

HSB

hsb(59, 19%, 89%)

CMYK

cmyk(0%, 0%, 19%, 11%)

Oklch

oklch(90.3% 0.055 106.3)

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

#DAD1BA

Goose Yellow · LightGray · Lemon Cream

HEX

#DAD1BA

RGB

rgb(218, 209, 186)

HSL

hsl(43, 30%, 79%)

HSB

hsb(43, 15%, 85%)

CMYK

cmyk(0%, 4%, 15%, 15%)

Oklch

oklch(86.2% 0.033 89.2)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#C7B6A7

Apricot · Silver · Warm Sun

HEX

#C7B6A7

RGB

rgb(199, 182, 167)

HSL

hsl(28, 22%, 72%)

HSB

hsb(28, 16%, 78%)

CMYK

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

Oklch

oklch(78.6% 0.029 63.8)

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

#F87467

Peach Pink · Salmon · Coral Red

HEX

#F87467

RGB

rgb(248, 116, 103)

HSL

hsl(5, 91%, 69%)

HSB

hsb(5, 58%, 97%)

CMYK

cmyk(0%, 53%, 58%, 3%)

Oklch

oklch(71.3% 0.164 27.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFEBC2

C3C6EF

Analogous

EFD5C3

EFEBC2

DCEFC3

Triadic

EFEBC2

C3EFEB

EBC3EF

Split-Comp.

EFEBC2

C3DCEF

D5C3EF

Tetradic

EFEBC2

C3EFD5

C3C6EF

EFC3DC

Contrast Matrix WCAG 2.1 Contrast

EFEBC2	E3E2B8	DAD1BA	C7B6A7	F87467
—	1.1 Fail	1.3 Fail	1.6 Fail	2.3 Fail
1.1 Fail	—	1.1 Fail	1.5 Fail	2.1 Fail
1.3 Fail	1.1 Fail	—	1.3 Fail	1.8 Fail
1.6 Fail	1.5 Fail	1.3 Fail	—	1.4 Fail
2.3 Fail	2.1 Fail	1.8 Fail	1.4 Fail	—

White BG

1.2Fail

1.3Fail

1.5Fail

2.0Fail

2.7Fail

Black BG

17.3AAA

15.8AAA

13.8AAA

10.7AAA

7.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDEDCC

E3E3C2

D6D6C0

C0BFAB

BFBE6A

Deuteranopia

EEEECE

E3E3C5

D7D7C1

C1C2AC

C7D06B

Tritanopia

EFD4D5

E3CACC

DAC4C5

C6ADAE

F16D6D

Achromatopsia

E8E8E8

DEDEDE

D1D1D1

B9B9B9

9A9A9A

Shades & Tints Shades & Tints

#EFEBC2

Dark

Light

#E3E2B8

Dark

Light

#DAD1BA

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efebc2;
  --color-2: #e3e2b8;
  --color-3: #dad1ba;
  --color-4: #c7b6a7;
  --color-5: #f87467;
}

SCSS

$color-1: #efebc2;
$color-2: #e3e2b8;
$color-3: #dad1ba;
$color-4: #c7b6a7;
$color-5: #f87467;

TAILWIND

colors: {
  'brand-1': '#efebc2',
  'brand-2': '#e3e2b8',
  'brand-3': '#dad1ba',
  'brand-4': '#c7b6a7',
  'brand-5': '#f87467',
}

RGB Array

[239, 235, 194], [227, 226, 184], [218, 209, 186], [199, 182, 167], [248, 116, 103]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #EFEBC2, #E3E2B8, #DAD1BA, #C7B6A7, #F87467 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: #efebc2; --color-2: #e3e2b8; --color-3: #dad1ba; --color-4: #c7b6a7; --color-5: #f87467. 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