← Back to Editor

#FEFFF6 · #F1F2E1 · #DBDCD9 · #BEA1BF · #492757

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryClean

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#FEFFF6

Fresh Green · Snow · Lemon Cream

HEX
#FEFFF6
RGB
rgb(254, 255, 246)
HSL
hsl(67, 100%, 98%)
HSB
hsb(67, 4%, 100%)
CMYK
cmyk(0%, 0%, 4%, 0%)
Oklch
oklch(99.7% 0.012 111.7)

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

#F1F2E1

Fresh Green · Beige · Lemon Cream

HEX
#F1F2E1
RGB
rgb(241, 242, 225)
HSL
hsl(64, 40%, 92%)
HSB
hsb(64, 7%, 95%)
CMYK
cmyk(0%, 0%, 7%, 5%)
Oklch
oklch(95.6% 0.022 109.5)

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

#DBDCD9

Plain White · LightGray · Cloud White

HEX
#DBDCD9
RGB
rgb(219, 220, 217)
HSL
hsl(80, 4%, 86%)
HSB
hsb(80, 1%, 86%)
CMYK
cmyk(0%, 0%, 1%, 14%)
Oklch
oklch(89.3% 0.004 121.6)

Traditional「Plain White」· Paint「Cloud White」· Creative Silver Lining

#BEA1BF

Lilac · Silver · Lilac Purple

HEX
#BEA1BF
RGB
rgb(190, 161, 191)
HSL
hsl(298, 19%, 69%)
HSB
hsb(298, 16%, 75%)
CMYK
cmyk(1%, 16%, 0%, 25%)
Oklch
oklch(74.4% 0.053 325.1)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#492757

Dark Plum · DarkSlateGray · Eggplant

HEX
#492757
RGB
rgb(73, 39, 87)
HSL
hsl(283, 38%, 25%)
HSB
hsb(283, 55%, 34%)
CMYK
cmyk(16%, 55%, 0%, 66%)
Oklch
oklch(33.9% 0.090 315.3)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEFFF6
F6F5FF

Analogous

FFFBF5
FEFFF6
F9FFF5

Triadic

FEFFF6
F5FEFF
FFF5FE

Split-Comp.

FEFFF6
F5F9FF
FBF5FF

Tetradic

FEFFF6
F5FFFB
F6F5FF
FFF5F9

Contrast Matrix WCAG 2.1 Contrast

FEFFF6
F1F2E1
DBDCD9
BEA1BF
492757
—
1.1
Fail
1.4
Fail
2.3
Fail
12.2
AAA
1.1
Fail
—
1.2
Fail
2.0
Fail
10.8
AAA
1.4
Fail
1.2
Fail
—
1.7
Fail
8.9
AAA
2.3
Fail
2.0
Fail
1.7
Fail
—
5.3
AA
12.2
AAA
10.8
AAA
8.9
AAA
5.3
AA
—
White BG
1.0Fail
1.1Fail
1.4Fail
2.3Fail
12.3AAA
Black BG
20.8AAA
18.5AAA
15.3AAA
9.0AAA
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

FEFEF8
F1F1E5
DBDBDA
B1B1B8
3A3A4B

Deuteranopia

FEFEF9
F1F1E6
DBDBDA
B3B5B6
3C3F49

Tritanopia

FEFAFA
F1E8E9
DBDADA
BDB2B1
474240

Achromatopsia

FEFEFE
F0F0F0
DBDBDB
ADADAD
373737

Shades & Tints Shades & Tints

#FEFFF6

Dark
Light

#F1F2E1

Dark
Light

#DBDCD9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fefff6;
  --color-2: #f1f2e1;
  --color-3: #dbdcd9;
  --color-4: #bea1bf;
  --color-5: #492757;
}

SCSS

$color-1: #fefff6;
$color-2: #f1f2e1;
$color-3: #dbdcd9;
$color-4: #bea1bf;
$color-5: #492757;

TAILWIND

colors: {
  'brand-1': '#fefff6',
  'brand-2': '#f1f2e1',
  'brand-3': '#dbdcd9',
  'brand-4': '#bea1bf',
  'brand-5': '#492757',
}

RGB Array

[254, 255, 246], [241, 242, 225], [219, 220, 217], [190, 161, 191], [73, 39, 87]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #FEFFF6, #F1F2E1, #DBDCD9, #BEA1BF, #492757 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: #fefff6; --color-2: #f1f2e1; --color-3: #dbdcd9; --color-4: #bea1bf; --color-5: #492757. 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 cool-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