#F1E8C9 + #F4C8C7 + #E9B7B0 + #EEABA3 + #5AC4BA - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F1E8C9

Goose Yellow · Bisque · Lemon Cream

HEX

#F1E8C9

RGB

rgb(241, 232, 201)

HSL

hsl(47, 59%, 87%)

HSB

hsb(47, 17%, 95%)

CMYK

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

Oklch

oklch(93.0% 0.042 93.7)

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

#F4C8C7

Peach Pink · Pink · Cherry Blossom

HEX

#F4C8C7

RGB

rgb(244, 200, 199)

HSL

hsl(1, 67%, 87%)

HSB

hsb(1, 18%, 96%)

CMYK

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

Oklch

oklch(87.1% 0.050 19.7)

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

#E9B7B0

Peach Pink · LightPink · Coral Red

HEX

#E9B7B0

RGB

rgb(233, 183, 176)

HSL

hsl(7, 56%, 80%)

HSB

hsb(7, 24%, 91%)

CMYK

cmyk(0%, 21%, 24%, 9%)

Oklch

oklch(82.2% 0.059 27.6)

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

#EEABA3

Peach Pink · BurlyWood · Coral Red

HEX

#EEABA3

RGB

rgb(238, 171, 163)

HSL

hsl(6, 69%, 79%)

HSB

hsb(6, 32%, 93%)

CMYK

cmyk(0%, 28%, 32%, 7%)

Oklch

oklch(80.2% 0.080 26.6)

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

#5AC4BA

Mineral Blue · MediumAquaMarine · Lake Green

HEX

#5AC4BA

RGB

rgb(90, 196, 186)

HSL

hsl(174, 47%, 56%)

HSB

hsb(174, 54%, 77%)

CMYK

cmyk(54%, 0%, 5%, 23%)

Oklch

oklch(75.5% 0.099 187.0)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F1E8C9

CAD3F1

Analogous

F1D5CA

F1E8C9

E6F1CA

Triadic

F1E8C9

CAF1E9

E9CAF1

Split-Comp.

F1E8C9

CAE6F1

D5CAF1

Tetradic

F1E8C9

CAF1D5

CAD3F1

F1CAE6

Contrast Matrix WCAG 2.1 Contrast

F1E8C9	F4C8C7	E9B7B0	EEABA3	5AC4BA
—	1.2 Fail	1.4 Fail	1.6 Fail	1.7 Fail
1.2 Fail	—	1.2 Fail	1.3 Fail	1.4 Fail
1.4 Fail	1.2 Fail	—	1.1 Fail	1.2 Fail
1.6 Fail	1.3 Fail	1.1 Fail	—	1.1 Fail
1.7 Fail	1.4 Fail	1.2 Fail	1.1 Fail	—

White BG

1.2Fail

1.5Fail

1.8Fail

1.9Fail

2.1Fail

Black BG

17.1AAA

13.9AAA

11.9AAA

11.0AAA

10.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDEDD1

E1E1C7

D3D3B2

D1D0A5

8889BC

Deuteranopia

EEEED2

E4E7C7

D6DAB2

D5DAA5

827ABD

Tritanopia

F1D6D8

F2C7C7

E7B3B3

EBA6A7

5FBEBF

Achromatopsia

E7E7E7

D5D5D5

C5C5C5

BEBEBE

A3A3A3

Shades & Tints Shades & Tints

#F1E8C9

Dark

Light

#F4C8C7

Dark

Light

#E9B7B0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f1e8c9;
  --color-2: #f4c8c7;
  --color-3: #e9b7b0;
  --color-4: #eeaba3;
  --color-5: #5ac4ba;
}

SCSS

$color-1: #f1e8c9;
$color-2: #f4c8c7;
$color-3: #e9b7b0;
$color-4: #eeaba3;
$color-5: #5ac4ba;

TAILWIND

colors: {
  'brand-1': '#f1e8c9',
  'brand-2': '#f4c8c7',
  'brand-3': '#e9b7b0',
  'brand-4': '#eeaba3',
  'brand-5': '#5ac4ba',
}

RGB Array

[241, 232, 201], [244, 200, 199], [233, 183, 176], [238, 171, 163], [90, 196, 186]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F1E8C9, #F4C8C7, #E9B7B0, #EEABA3, #5AC4BA 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: #f1e8c9; --color-2: #f4c8c7; --color-3: #e9b7b0; --color-4: #eeaba3; --color-5: #5ac4ba. 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