← Back to Editor

#FEFCFF · #F0E2B3 · #DACBAE · #A7B4AD · #73A3B7

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

#FEFCFF

Lilac · White · Lavender

HEX
#FEFCFF
RGB
rgb(254, 252, 255)
HSL
hsl(280, 100%, 99%)
HSB
hsb(280, 1%, 100%)
CMYK
cmyk(0%, 1%, 0%, 0%)
Oklch
oklch(99.3% 0.004 314.8)

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

#F0E2B3

Goose Yellow · Wheat · Lemon Cream

HEX
#F0E2B3
RGB
rgb(240, 226, 179)
HSL
hsl(46, 67%, 82%)
HSB
hsb(46, 25%, 94%)
CMYK
cmyk(0%, 6%, 25%, 6%)
Oklch
oklch(91.2% 0.063 93.4)

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

#DACBAE

Goose Yellow · Wheat · Lemon Cream

HEX
#DACBAE
RGB
rgb(218, 203, 174)
HSL
hsl(40, 37%, 77%)
HSB
hsb(40, 20%, 85%)
CMYK
cmyk(0%, 7%, 20%, 15%)
Oklch
oklch(84.7% 0.042 83.9)

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

#A7B4AD

Celadon · DarkGray · Silver Sand

HEX
#A7B4AD
RGB
rgb(167, 180, 173)
HSL
hsl(148, 8%, 68%)
HSB
hsb(148, 7%, 71%)
CMYK
cmyk(7%, 0%, 4%, 29%)
Oklch
oklch(75.8% 0.018 162.6)

Traditional「Celadon」· Paint「Silver Sand」· Creative Urban Concrete

#73A3B7

Slate Blue · CadetBlue · Lake Green

HEX
#73A3B7
RGB
rgb(115, 163, 183)
HSL
hsl(198, 32%, 58%)
HSB
hsb(198, 37%, 72%)
CMYK
cmyk(37%, 11%, 0%, 28%)
Oklch
oklch(68.8% 0.059 225.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEFCFF
FCFFFA

Analogous

FBFAFF
FEFCFF
FFFAFE

Triadic

FEFCFF
FFFDFA
FAFFFD

Split-Comp.

FEFCFF
FEFFFA
FAFFFB

Tetradic

FEFCFF
FFFBFA
FCFFFA
FAFEFF

Contrast Matrix WCAG 2.1 Contrast

FEFCFF
F0E2B3
DACBAE
A7B4AD
73A3B7
—
1.3
Fail
1.6
Fail
2.1
Fail
2.7
Fail
1.3
Fail
—
1.2
Fail
1.7
Fail
2.1
Fail
1.6
Fail
1.2
Fail
—
1.3
Fail
1.7
Fail
2.1
Fail
1.7
Fail
1.3
Fail
—
1.3
Fail
2.7
Fail
2.1
Fail
1.7
Fail
1.3
Fail
—
White BG
1.0Fail
1.3Fail
1.6Fail
2.1Fail
2.7Fail
Black BG
20.6AAA
16.2AAA
13.1AAA
9.8AAA
7.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FDFDFE
EAEABE
D4D3B5
ADADAF
8888B2

Deuteranopia

FDFDFE
EBECC1
D4D6B7
ACABAF
8581B1

Tritanopia

FEFEFE
EFC7C9
D9BBBC
A8B0B0
75AEAE

Achromatopsia

FDFDFD
E1E1E1
CCCCCC
AFAFAF
979797

Shades & Tints Shades & Tints

#FEFCFF

Dark
Light

#F0E2B3

Dark
Light

#DACBAE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fefcff;
  --color-2: #f0e2b3;
  --color-3: #dacbae;
  --color-4: #a7b4ad;
  --color-5: #73a3b7;
}

SCSS

$color-1: #fefcff;
$color-2: #f0e2b3;
$color-3: #dacbae;
$color-4: #a7b4ad;
$color-5: #73a3b7;

TAILWIND

colors: {
  'brand-1': '#fefcff',
  'brand-2': '#f0e2b3',
  'brand-3': '#dacbae',
  'brand-4': '#a7b4ad',
  'brand-5': '#73a3b7',
}

RGB Array

[254, 252, 255], [240, 226, 179], [218, 203, 174], [167, 180, 173], [115, 163, 183]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FEFCFF, #F0E2B3, #DACBAE, #A7B4AD, #73A3B7 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: #fefcff; --color-2: #f0e2b3; --color-3: #dacbae; --color-4: #a7b4ad; --color-5: #73a3b7. 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 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