#E8E6BE + #E1E39A + #F2E88D + #DEB75D + #A3455B · 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

#E8E6BE

Fresh Green · Wheat · Lemon Cream

HEX

#E8E6BE

RGB

rgb(232, 230, 190)

HSL

hsl(57, 48%, 83%)

HSB

hsb(57, 18%, 91%)

CMYK

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

Oklch

oklch(91.6% 0.053 105.0)

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

#E1E39A

Fresh Green · Khaki · Sunflower

HEX

#E1E39A

RGB

rgb(225, 227, 154)

HSL

hsl(62, 57%, 75%)

HSB

hsb(62, 32%, 89%)

CMYK

cmyk(1%, 0%, 32%, 11%)

Oklch

oklch(89.7% 0.093 109.5)

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

#F2E88D

Fresh Green · Khaki · Sunflower

HEX

#F2E88D

RGB

rgb(242, 232, 141)

HSL

hsl(54, 80%, 75%)

HSB

hsb(54, 42%, 95%)

CMYK

cmyk(0%, 4%, 42%, 5%)

Oklch

oklch(91.9% 0.113 102.9)

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

#DEB75D

Ginger · SandyBrown · Sunflower

HEX

#DEB75D

RGB

rgb(222, 183, 93)

HSL

hsl(42, 66%, 62%)

HSB

hsb(42, 58%, 87%)

CMYK

cmyk(0%, 18%, 58%, 13%)

Oklch

oklch(79.6% 0.118 86.1)

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

#A3455B

Crimson · Sienna · Passion Red

HEX

#A3455B

RGB

rgb(163, 69, 91)

HSL

hsl(346, 41%, 45%)

HSB

hsb(346, 58%, 64%)

CMYK

cmyk(0%, 58%, 44%, 36%)

Oklch

oklch(52.0% 0.126 8.0)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8E6BE

BFC1E8

Analogous

E8D2BF

E8E6BE

D6E8BF

Triadic

E8E6BE

BFE8E6

E6BFE8

Split-Comp.

E8E6BE

BFD6E8

D2BFE8

Tetradic

E8E6BE

BFE8D2

BFC1E8

E8BFD6

Contrast Matrix WCAG 2.1 Contrast

E8E6BE	E1E39A	F2E88D	DEB75D	A3455B
—	1.1 Fail	1.0 Fail	1.5 Fail	4.6 AA
1.1 Fail	—	1.1 Fail	1.4 Fail	4.4 AA Large
1.0 Fail	1.1 Fail	—	1.5 Fail	4.7 AA
1.5 Fail	1.4 Fail	1.5 Fail	—	3.1 AA Large
4.6 AA	4.4 AA Large	4.7 AA	3.1 AA Large	—

White BG

1.3Fail

1.9Fail

5.9AA

Black BG

16.5AAA

15.7AAA

16.7AAA

11.0AAA

3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7C8

E2E2AC

EEEEA3

CDCD73

7A7956

Deuteranopia

E7E7CA

E2E2B0

EEEFA8

CFD278

808754

Tritanopia

E8CFD1

E1BABD

F1B4B8

DC8488

9E5151

Achromatopsia

E2E2E2

DADADA

E1E1E1

B8B8B8

646464

Shades & Tints Shades & Tints

#E8E6BE

Dark

Light

#E1E39A

Dark

Light

#F2E88D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8e6be;
  --color-2: #e1e39a;
  --color-3: #f2e88d;
  --color-4: #deb75d;
  --color-5: #a3455b;
}

SCSS

$color-1: #e8e6be;
$color-2: #e1e39a;
$color-3: #f2e88d;
$color-4: #deb75d;
$color-5: #a3455b;

TAILWIND

colors: {
  'brand-1': '#e8e6be',
  'brand-2': '#e1e39a',
  'brand-3': '#f2e88d',
  'brand-4': '#deb75d',
  'brand-5': '#a3455b',
}

RGB Array

[232, 230, 190], [225, 227, 154], [242, 232, 141], [222, 183, 93], [163, 69, 91]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #E8E6BE, #E1E39A, #F2E88D, #DEB75D, #A3455B 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: #e8e6be; --color-2: #e1e39a; --color-3: #f2e88d; --color-4: #deb75d; --color-5: #a3455b. 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