← Back to Editor

#F1EFF1 · #E6DCD2 · #D8C0C4 · #91B2C8 · #242421

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#F1EFF1

Plain White · Linen · Cloud White

HEX
#F1EFF1
RGB
rgb(241, 239, 241)
HSL
hsl(300, 7%, 94%)
HSB
hsb(300, 1%, 95%)
CMYK
cmyk(0%, 1%, 0%, 5%)
Oklch
oklch(95.4% 0.003 325.6)

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

#E6DCD2

Goose Yellow · LightGray · Peach Orange

HEX
#E6DCD2
RGB
rgb(230, 220, 210)
HSL
hsl(30, 29%, 86%)
HSB
hsb(30, 9%, 90%)
CMYK
cmyk(0%, 4%, 9%, 10%)
Oklch
oklch(90.0% 0.017 67.6)

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

#D8C0C4

Peach Pink · Silver · Coral Red

HEX
#D8C0C4
RGB
rgb(216, 192, 196)
HSL
hsl(350, 24%, 80%)
HSB
hsb(350, 11%, 85%)
CMYK
cmyk(0%, 11%, 9%, 15%)
Oklch
oklch(82.9% 0.028 6.3)

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

#91B2C8

Sky Blue · DarkGray · Cobalt Blue

HEX
#91B2C8
RGB
rgb(145, 178, 200)
HSL
hsl(204, 33%, 68%)
HSB
hsb(204, 28%, 78%)
CMYK
cmyk(28%, 11%, 0%, 22%)
Oklch
oklch(74.7% 0.048 237.5)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

#242421

Ink Black · Black · Dark Stone

HEX
#242421
RGB
rgb(36, 36, 33)
HSL
hsl(60, 4%, 14%)
HSB
hsb(60, 8%, 14%)
CMYK
cmyk(0%, 0%, 8%, 86%)
Oklch
oklch(25.9% 0.005 106.8)

Traditional「Ink Black」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F1EFF1
EFF1EF

Analogous

F0EFF1
F1EFF1
F1EFF0

Triadic

F1EFF1
F1F1EF
EFF1F1

Split-Comp.

F1EFF1
F0F1EF
EFF1F0

Tetradic

F1EFF1
F1F0EF
EFF1EF
EFF0F1

Contrast Matrix WCAG 2.1 Contrast

F1EFF1
E6DCD2
D8C0C4
91B2C8
242421
—
1.2
Fail
1.5
Fail
2.0
Fail
13.6
AAA
1.2
Fail
—
1.3
Fail
1.7
Fail
11.5
AAA
1.5
Fail
1.3
Fail
—
1.3
Fail
9.1
AAA
2.0
Fail
1.7
Fail
1.3
Fail
—
7.0
AA
13.6
AAA
11.5
AAA
9.1
AAA
7.0
AA
—
White BG
1.1Fail
1.4Fail
1.7Fail
2.2Fail
15.6AAA
Black BG
18.4AAA
15.5AAA
12.3AAA
9.4AAA
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0F0F1
E2E2D4
CECDC3
9FA0C3
242422

Deuteranopia

F0F0F0
E2E3D5
CFD1C3
9D9BC1
242422

Tritanopia

F1F0F0
E6D6D7
D7C2C2
93BEBE
242222

Achromatopsia

F0F0F0
DEDEDE
C8C8C8
ABABAB
242424

Shades & Tints Shades & Tints

#F1EFF1

Dark
Light

#E6DCD2

Dark
Light

#D8C0C4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f1eff1;
  --color-2: #e6dcd2;
  --color-3: #d8c0c4;
  --color-4: #91b2c8;
  --color-5: #242421;
}

SCSS

$color-1: #f1eff1;
$color-2: #e6dcd2;
$color-3: #d8c0c4;
$color-4: #91b2c8;
$color-5: #242421;

TAILWIND

colors: {
  'brand-1': '#f1eff1',
  'brand-2': '#e6dcd2',
  'brand-3': '#d8c0c4',
  'brand-4': '#91b2c8',
  'brand-5': '#242421',
}

RGB Array

[241, 239, 241], [230, 220, 210], [216, 192, 196], [145, 178, 200], [36, 36, 33]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F1EFF1, #E6DCD2, #D8C0C4, #91B2C8, #242421 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #f1eff1; --color-2: #e6dcd2; --color-3: #d8c0c4; --color-4: #91b2c8; --color-5: #242421. 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 general-style 5-color scheme is especially suited for beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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