← Back to Editor

#E6E1CA · #FFCBBA · #FFDDBA · #FFEDC4 · #FCF2D2

space

A 5-color space palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#E6E1CA

Goose Yellow · LightGray · Lemon Cream

HEX
#E6E1CA
RGB
rgb(230, 225, 202)
HSL
hsl(49, 36%, 85%)
HSB
hsb(49, 12%, 90%)
CMYK
cmyk(0%, 2%, 12%, 10%)
Oklch
oklch(90.8% 0.031 96.9)

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

#FFCBBA

Apricot · Pink · Peach Orange

HEX
#FFCBBA
RGB
rgb(255, 203, 186)
HSL
hsl(15, 100%, 86%)
HSB
hsb(15, 27%, 100%)
CMYK
cmyk(0%, 20%, 27%, 0%)
Oklch
oklch(88.3% 0.064 38.9)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FFDDBA

Goose Yellow · Bisque · Peach Orange

HEX
#FFDDBA
RGB
rgb(255, 221, 186)
HSL
hsl(30, 100%, 86%)
HSB
hsb(30, 27%, 100%)
CMYK
cmyk(0%, 13%, 27%, 0%)
Oklch
oklch(91.7% 0.059 67.8)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#FFEDC4

Goose Yellow · Bisque · Lemon Cream

HEX
#FFEDC4
RGB
rgb(255, 237, 196)
HSL
hsl(42, 100%, 88%)
HSB
hsb(42, 23%, 100%)
CMYK
cmyk(0%, 7%, 23%, 0%)
Oklch
oklch(95.0% 0.057 87.1)

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

#FCF2D2

Goose Yellow · Beige · Lemon Cream

HEX
#FCF2D2
RGB
rgb(252, 242, 210)
HSL
hsl(46, 88%, 91%)
HSB
hsb(46, 17%, 99%)
CMYK
cmyk(0%, 4%, 17%, 1%)
Oklch
oklch(96.1% 0.043 92.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6E1CA
CBD0E7

Analogous

E7D4CB
E6E1CA
DEE7CB

Triadic

E6E1CA
CBE7E1
E1CBE7

Split-Comp.

E6E1CA
CBDEE7
D4CBE7

Tetradic

E6E1CA
CBE7D4
CBD0E7
E7CBDE

Contrast Matrix WCAG 2.1 Contrast

E6E1CA
FFCBBA
FFDDBA
FFEDC4
FCF2D2
—
1.1
Fail
1.0
Fail
1.1
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.3
Fail
1.0
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
1.1
Fail
1.3
Fail
1.1
Fail
—
1.0
Fail
1.2
Fail
1.3
Fail
1.2
Fail
1.0
Fail
—
White BG
1.3Fail
1.4Fail
1.3Fail
1.2Fail
1.1Fail
Black BG
16.0AAA
14.5AAA
16.3AAA
18.2AAA
18.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E4D0
E8E8BE
F0F0C2
F7F7CE
F8F8DA

Deuteranopia

E4E5D1
ECEFBF
F2F5C5
F8FAD0
F8F9DC

Tritanopia

E6D4D5
FCC1C2
FDC9CB
FED6D7
FBE0E1

Achromatopsia

E0E0E0
D9D9D9
E3E3E3
EEEEEE
F1F1F1

Shades & Tints Shades & Tints

#E6E1CA

Dark
Light

#FFCBBA

Dark
Light

#FFDDBA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6e1ca;
  --color-2: #ffcbba;
  --color-3: #ffddba;
  --color-4: #ffedc4;
  --color-5: #fcf2d2;
}

SCSS

$color-1: #e6e1ca;
$color-2: #ffcbba;
$color-3: #ffddba;
$color-4: #ffedc4;
$color-5: #fcf2d2;

TAILWIND

colors: {
  'brand-1': '#e6e1ca',
  'brand-2': '#ffcbba',
  'brand-3': '#ffddba',
  'brand-4': '#ffedc4',
  'brand-5': '#fcf2d2',
}

RGB Array

[230, 225, 202], [255, 203, 186], [255, 221, 186], [255, 237, 196], [252, 242, 210]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #E6E1CA, #FFCBBA, #FFDDBA, #FFEDC4, #FCF2D2 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e6e1ca; --color-2: #ffcbba; --color-3: #ffddba; --color-4: #ffedc4; --color-5: #fcf2d2. 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 space-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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