#F8EACF + #FDDAD4 + #C1B0A0 + #E0ECC6 + #93C9AF - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F8EACF

Goose Yellow · Bisque · Lemon Cream

HEX

#F8EACF

RGB

rgb(248, 234, 207)

HSL

hsl(40, 75%, 89%)

HSB

hsb(40, 17%, 97%)

CMYK

cmyk(0%, 6%, 17%, 3%)

Oklch

oklch(94.1% 0.039 83.8)

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

#FDDAD4

Peach Pink · Bisque · Cherry Blossom

HEX

#FDDAD4

RGB

rgb(253, 218, 212)

HSL

hsl(9, 91%, 91%)

HSB

hsb(9, 16%, 99%)

CMYK

cmyk(0%, 14%, 16%, 1%)

Oklch

oklch(91.6% 0.040 29.4)

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

#C1B0A0

Apricot · Tan · Warm Sun

HEX

#C1B0A0

RGB

rgb(193, 176, 160)

HSL

hsl(29, 21%, 69%)

HSB

hsb(29, 17%, 76%)

CMYK

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

Oklch

oklch(76.7% 0.030 65.6)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#E0ECC6

Willow Green · LightGray · Mint Green

HEX

#E0ECC6

RGB

rgb(224, 236, 198)

HSL

hsl(79, 50%, 85%)

HSB

hsb(79, 16%, 93%)

CMYK

cmyk(5%, 0%, 16%, 7%)

Oklch

oklch(92.4% 0.052 121.7)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#93C9AF

Jade · DarkSeaGreen · Apple Green

HEX

#93C9AF

RGB

rgb(147, 201, 175)

HSL

hsl(151, 33%, 68%)

HSB

hsb(151, 27%, 79%)

CMYK

cmyk(27%, 0%, 13%, 21%)

Oklch

oklch(79.1% 0.067 163.6)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F8EACF

CEDCF8

Analogous

F8D5CE

F8EACF

F1F8CE

Triadic

F8EACF

CEF8EA

EACEF8

Split-Comp.

F8EACF

CEF1F8

D5CEF8

Tetradic

F8EACF

CEF8D5

CEDCF8

F8CEF1

Contrast Matrix WCAG 2.1 Contrast

F8EACF	FDDAD4	C1B0A0	E0ECC6	93C9AF
—	1.1 Fail	1.8 Fail	1.0 Fail	1.6 Fail
1.1 Fail	—	1.6 Fail	1.1 Fail	1.4 Fail
1.8 Fail	1.6 Fail	—	1.7 Fail	1.1 Fail
1.0 Fail	1.1 Fail	1.7 Fail	—	1.5 Fail
1.6 Fail	1.4 Fail	1.1 Fail	1.5 Fail	—

White BG

1.2Fail

1.3Fail

2.1Fail

1.2Fail

1.9Fail

Black BG

17.7AAA

16.2AAA

10.0AAA

17.0AAA

11.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F2F2D6

EEEED5

BAB9A4

E5E5CF

AAABB5

Deuteranopia

F3F4D7

F0F3D6

BBBCA5

E5E4D1

A7A3B7

Tritanopia

F7DBDC

FBD7D7

C0A7A8

E1D6D8

96BABB

Achromatopsia

EBEBEB

E4E4E4

B3B3B3

E4E4E4

B6B6B6

Shades & Tints Shades & Tints

#F8EACF

Dark

Light

#FDDAD4

Dark

Light

#C1B0A0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f8eacf;
  --color-2: #fddad4;
  --color-3: #c1b0a0;
  --color-4: #e0ecc6;
  --color-5: #93c9af;
}

SCSS

$color-1: #f8eacf;
$color-2: #fddad4;
$color-3: #c1b0a0;
$color-4: #e0ecc6;
$color-5: #93c9af;

TAILWIND

colors: {
  'brand-1': '#f8eacf',
  'brand-2': '#fddad4',
  'brand-3': '#c1b0a0',
  'brand-4': '#e0ecc6',
  'brand-5': '#93c9af',
}

RGB Array

[248, 234, 207], [253, 218, 212], [193, 176, 160], [224, 236, 198], [147, 201, 175]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F8EACF, #FDDAD4, #C1B0A0, #E0ECC6, #93C9AF 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: #f8eacf; --color-2: #fddad4; --color-3: #c1b0a0; --color-4: #e0ecc6; --color-5: #93c9af. 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