#F4EFEB + #F5C8C5 + #E7969C + #DACCC1 + #F3E9E0 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F4EFEB

Apricot · Linen · Peach Orange

HEX

#F4EFEB

RGB

rgb(244, 239, 235)

HSL

hsl(27, 29%, 94%)

HSB

hsb(27, 4%, 96%)

CMYK

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

Oklch

oklch(95.5% 0.008 61.5)

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

#F5C8C5

Peach Pink · Pink · Cherry Blossom

HEX

#F5C8C5

RGB

rgb(245, 200, 197)

HSL

hsl(4, 71%, 87%)

HSB

hsb(4, 20%, 96%)

CMYK

cmyk(0%, 18%, 20%, 4%)

Oklch

oklch(87.1% 0.052 22.7)

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

#E7969C

Peach Pink · DarkSalmon · Coral Red

HEX

#E7969C

RGB

rgb(231, 150, 156)

HSL

hsl(356, 63%, 75%)

HSB

hsb(356, 35%, 91%)

CMYK

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

Oklch

oklch(75.6% 0.098 14.8)

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

#DACCC1

Apricot · LightGray · Peach Orange

HEX

#DACCC1

RGB

rgb(218, 204, 193)

HSL

hsl(26, 25%, 81%)

HSB

hsb(26, 11%, 85%)

CMYK

cmyk(0%, 6%, 11%, 15%)

Oklch

oklch(85.4% 0.022 60.7)

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

#F3E9E0

Apricot · Linen · Peach Orange

HEX

#F3E9E0

RGB

rgb(243, 233, 224)

HSL

hsl(28, 44%, 92%)

HSB

hsb(28, 8%, 95%)

CMYK

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

Oklch

oklch(93.9% 0.016 64.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F4EFEB

EBF0F4

Analogous

F4EBEC

F4EFEB

F4F4EB

Triadic

F4EFEB

EBF4EF

EFEBF4

Split-Comp.

F4EFEB

EBF4F4

EBECF4

Tetradic

F4EFEB

ECF4EB

EBF0F4

F4EBF4

Contrast Matrix WCAG 2.1 Contrast

F4EFEB	F5C8C5	E7969C	DACCC1	F3E9E0
—	1.3 Fail	2.0 Fail	1.4 Fail	1.0 Fail
1.3 Fail	—	1.5 Fail	1.0 Fail	1.3 Fail
2.0 Fail	1.5 Fail	—	1.4 Fail	1.9 Fail
1.4 Fail	1.0 Fail	1.4 Fail	—	1.3 Fail
1.0 Fail	1.3 Fail	1.9 Fail	1.3 Fail	—

White BG

1.1Fail

1.5Fail

2.3Fail

1.6Fail

1.2Fail

Black BG

18.4AAA

14.0AAA

9.2AAA

13.4AAA

17.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F2F2EC

E2E1C6

C4C39B

D4D4C4

EFEFE2

Deuteranopia

F2F3EC

E4E8C6

C9CF9A

D5D6C4

EFF0E3

Tritanopia

F4EDED

F3C6C6

E39999

D9C6C6

F3E4E4

Achromatopsia

F0F0F0

D5D5D5

AFAFAF

CFCFCF

EBEBEB

Shades & Tints Shades & Tints

#F4EFEB

Dark

Light

#F5C8C5

Dark

Light

#E7969C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f4efeb;
  --color-2: #f5c8c5;
  --color-3: #e7969c;
  --color-4: #daccc1;
  --color-5: #f3e9e0;
}

SCSS

$color-1: #f4efeb;
$color-2: #f5c8c5;
$color-3: #e7969c;
$color-4: #daccc1;
$color-5: #f3e9e0;

TAILWIND

colors: {
  'brand-1': '#f4efeb',
  'brand-2': '#f5c8c5',
  'brand-3': '#e7969c',
  'brand-4': '#daccc1',
  'brand-5': '#f3e9e0',
}

RGB Array

[244, 239, 235], [245, 200, 197], [231, 150, 156], [218, 204, 193], [243, 233, 224]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F4EFEB, #F5C8C5, #E7969C, #DACCC1, #F3E9E0 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: #f4efeb; --color-2: #f5c8c5; --color-3: #e7969c; --color-4: #daccc1; --color-5: #f3e9e0. 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