← Back to Editor

#FFFBF6 · #EFD1C9 · #F4F8D6 · #E5DBBA · #938088

muted

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#FFFBF6

Goose Yellow · Snow · Peach Orange

HEX
#FFFBF6
RGB
rgb(255, 251, 246)
HSL
hsl(33, 100%, 98%)
HSB
hsb(33, 4%, 100%)
CMYK
cmyk(0%, 2%, 4%, 0%)
Oklch
oklch(99.0% 0.008 73.7)

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

#EFD1C9

Peach Pink · Pink · Cherry Blossom

HEX
#EFD1C9
RGB
rgb(239, 209, 201)
HSL
hsl(13, 54%, 86%)
HSB
hsb(13, 16%, 94%)
CMYK
cmyk(0%, 13%, 16%, 6%)
Oklch
oklch(88.4% 0.036 35.3)

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

#F4F8D6

Fresh Green · Beige · Lemon Cream

HEX
#F4F8D6
RGB
rgb(244, 248, 214)
HSL
hsl(67, 71%, 91%)
HSB
hsb(67, 14%, 97%)
CMYK
cmyk(2%, 0%, 14%, 3%)
Oklch
oklch(96.7% 0.045 112.7)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#E5DBBA

Goose Yellow · Wheat · Lemon Cream

HEX
#E5DBBA
RGB
rgb(229, 219, 186)
HSL
hsl(46, 45%, 81%)
HSB
hsb(46, 19%, 90%)
CMYK
cmyk(0%, 4%, 19%, 10%)
Oklch
oklch(89.1% 0.045 93.1)

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

#938088

Dark Violet · Gray · Warm Gray

HEX
#938088
RGB
rgb(147, 128, 136)
HSL
hsl(335, 8%, 54%)
HSB
hsb(335, 13%, 58%)
CMYK
cmyk(0%, 13%, 7%, 42%)
Oklch
oklch(62.0% 0.026 350.6)

Traditional「Dark Violet」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFFBF6
F5F9FF

Analogous

FFF5F5
FFFBF6
FEFFF5

Triadic

FFFBF6
F5FFFA
FAF5FF

Split-Comp.

FFFBF6
F5FEFF
F5F5FF

Tetradic

FFFBF6
F5FFF5
F5F9FF
FFF5FE

Contrast Matrix WCAG 2.1 Contrast

FFFBF6
EFD1C9
F4F8D6
E5DBBA
938088
—
1.4
Fail
1.1
Fail
1.3
Fail
3.6
AA Large
1.4
Fail
—
1.3
Fail
1.0
Fail
2.6
Fail
1.1
Fail
1.3
Fail
—
1.3
Fail
3.4
AA Large
1.3
Fail
1.0
Fail
1.3
Fail
—
2.7
Fail
3.6
AA Large
2.6
Fail
3.4
AA Large
2.7
Fail
—
White BG
1.0Fail
1.4Fail
1.1Fail
1.4Fail
3.7AA Large
Black BG
20.4AAA
14.6AAA
19.2AAA
15.2AAA
5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FDFDF7
E2E2CB
F6F6DE
E1E1C2
8B8B86

Deuteranopia

FEFEF8
E4E6CB
F6F5E0
E1E2C4
8C8D86

Tritanopia

FFF8F8
EDCCCD
F4E5E6
E4C8CA
928584

Achromatopsia

FCFCFC
D9D9D9
F3F3F3
DADADA
878787

Shades & Tints Shades & Tints

#FFFBF6

Dark
Light

#EFD1C9

Dark
Light

#F4F8D6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fffbf6;
  --color-2: #efd1c9;
  --color-3: #f4f8d6;
  --color-4: #e5dbba;
  --color-5: #938088;
}

SCSS

$color-1: #fffbf6;
$color-2: #efd1c9;
$color-3: #f4f8d6;
$color-4: #e5dbba;
$color-5: #938088;

TAILWIND

colors: {
  'brand-1': '#fffbf6',
  'brand-2': '#efd1c9',
  'brand-3': '#f4f8d6',
  'brand-4': '#e5dbba',
  'brand-5': '#938088',
}

RGB Array

[255, 251, 246], [239, 209, 201], [244, 248, 214], [229, 219, 186], [147, 128, 136]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #FFFBF6, #EFD1C9, #F4F8D6, #E5DBBA, #938088 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #fffbf6; --color-2: #efd1c9; --color-3: #f4f8d6; --color-4: #e5dbba; --color-5: #938088. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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 muted-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