#FFEBE5 + #FCEDE8 + #F9EFEC + #F5F0EF + #F2F2F2 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FFEBE5

Peach Pink · Linen · Cherry Blossom

HEX

#FFEBE5

RGB

rgb(255, 235, 229)

HSL

hsl(14, 100%, 95%)

HSB

hsb(14, 10%, 100%)

CMYK

cmyk(0%, 8%, 10%, 0%)

Oklch

oklch(95.4% 0.023 37.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#FCEDE8

Apricot · Linen · Peach Orange

HEX

#FCEDE8

RGB

rgb(252, 237, 232)

HSL

hsl(15, 77%, 95%)

HSB

hsb(15, 8%, 99%)

CMYK

cmyk(0%, 6%, 8%, 1%)

Oklch

oklch(95.7% 0.018 39.4)

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

#F9EFEC

Peach Pink · Linen · Cherry Blossom

HEX

#F9EFEC

RGB

rgb(249, 239, 236)

HSL

hsl(14, 52%, 95%)

HSB

hsb(14, 5%, 98%)

CMYK

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

Oklch

oklch(95.9% 0.012 37.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#F5F0EF

Peach Pink · Linen · Cherry Blossom

HEX

#F5F0EF

RGB

rgb(245, 240, 239)

HSL

hsl(10, 23%, 95%)

HSB

hsb(10, 2%, 96%)

CMYK

cmyk(0%, 2%, 2%, 4%)

Oklch

oklch(95.9% 0.006 31.1)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#F2F2F2

Plain White · SeaShell · Cloud White

HEX

#F2F2F2

RGB

rgb(242, 242, 242)

HSL

hsl(0, 0%, 95%)

HSB

hsb(0, 0%, 95%)

CMYK

cmyk(0%, 0%, 0%, 5%)

Oklch

oklch(96.1% 0.000 89.9)

Traditional「Plain White」· Paint「Cloud White」· Creative Morning Mist

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFEBE5

E5F9FF

Analogous

FFE5EC

FFEBE5

FFF8E5

Triadic

FFEBE5

E5FFEB

EBE5FF

Split-Comp.

FFEBE5

E5FFF8

E5ECFF

Tetradic

FFEBE5

ECFFE5

E5F9FF

F8E5FF

Contrast Matrix WCAG 2.1 Contrast

FFEBE5	FCEDE8	F9EFEC	F5F0EF	F2F2F2
—	1.0 Fail	1.0 Fail	1.0 Fail	1.0 Fail
1.0 Fail	—	1.0 Fail	1.0 Fail	1.0 Fail
1.0 Fail	1.0 Fail	—	1.0 Fail	1.0 Fail
1.0 Fail	1.0 Fail	1.0 Fail	—	1.0 Fail
1.0 Fail	1.0 Fail	1.0 Fail	1.0 Fail	—

White BG

1.1Fail

Black BG

18.3AAA

18.4AAA

18.6AAA

18.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F6F6E6

F6F5E9

F5F5ED

F3F3EF

F2F2F2

Deuteranopia

F8F9E7

F6F7E9

F5F6ED

F3F4EF

F2F2F2

Tritanopia

FEE8E8

FBEAEA

F8EDED

F5EFEF

F2F2F2

Achromatopsia

F0F0F0

F1F1F1

F2F2F2

F1F1F1

F2F2F2

Shades & Tints Shades & Tints

#FFEBE5

Dark

Light

#FCEDE8

Dark

Light

#F9EFEC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffebe5;
  --color-2: #fcede8;
  --color-3: #f9efec;
  --color-4: #f5f0ef;
  --color-5: #f2f2f2;
}

SCSS

$color-1: #ffebe5;
$color-2: #fcede8;
$color-3: #f9efec;
$color-4: #f5f0ef;
$color-5: #f2f2f2;

TAILWIND

colors: {
  'brand-1': '#ffebe5',
  'brand-2': '#fcede8',
  'brand-3': '#f9efec',
  'brand-4': '#f5f0ef',
  'brand-5': '#f2f2f2',
}

RGB Array

[255, 235, 229], [252, 237, 232], [249, 239, 236], [245, 240, 239], [242, 242, 242]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFEBE5, #FCEDE8, #F9EFEC, #F5F0EF, #F2F2F2 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: #ffebe5; --color-2: #fcede8; --color-3: #f9efec; --color-4: #f5f0ef; --color-5: #f2f2f2. 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 general-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