← Back to Editor

#FEFFFA · #C4C9DD · #ACAFC2 · #A7A3B1 · #9D8982

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

#FEFFFA

Willow Green · White · Mint Green

HEX
#FEFFFA
RGB
rgb(254, 255, 250)
HSL
hsl(72, 100%, 99%)
HSB
hsb(72, 2%, 100%)
CMYK
cmyk(0%, 0%, 2%, 0%)
Oklch
oklch(99.8% 0.007 115.7)

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

#C4C9DD

Azure · LightGray · Sky Blue

HEX
#C4C9DD
RGB
rgb(196, 201, 221)
HSL
hsl(228, 27%, 82%)
HSB
hsb(228, 11%, 87%)
CMYK
cmyk(11%, 9%, 0%, 13%)
Oklch
oklch(83.8% 0.028 274.6)

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

#ACAFC2

Azure · DarkGray · Cobalt Blue

HEX
#ACAFC2
RGB
rgb(172, 175, 194)
HSL
hsl(232, 15%, 72%)
HSB
hsb(232, 11%, 76%)
CMYK
cmyk(11%, 10%, 0%, 24%)
Oklch
oklch(75.8% 0.027 278.6)

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

#A7A3B1

Wisteria · DarkGray · Silver Sand

HEX
#A7A3B1
RGB
rgb(167, 163, 177)
HSL
hsl(257, 8%, 67%)
HSB
hsb(257, 8%, 69%)
CMYK
cmyk(6%, 8%, 0%, 31%)
Oklch
oklch(72.3% 0.020 298.9)

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

#9D8982

Tangerine · Gray · Warm Sun

HEX
#9D8982
RGB
rgb(157, 137, 130)
HSL
hsl(16, 12%, 56%)
HSB
hsb(16, 17%, 62%)
CMYK
cmyk(0%, 13%, 17%, 38%)
Oklch
oklch(64.6% 0.026 40.3)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEFFFA
FBFAFF

Analogous

FFFDFA
FEFFFA
FBFFFA

Triadic

FEFFFA
FAFEFF
FFFAFE

Split-Comp.

FEFFFA
FAFBFF
FDFAFF

Tetradic

FEFFFA
FAFFFD
FBFAFF
FFFAFB

Contrast Matrix WCAG 2.1 Contrast

FEFFFA
C4C9DD
ACAFC2
A7A3B1
9D8982
—
1.6
Fail
2.2
Fail
2.5
Fail
3.3
AA Large
1.6
Fail
—
1.3
Fail
1.5
Fail
2.0
Fail
2.2
Fail
1.3
Fail
—
1.1
Fail
1.5
Fail
2.5
Fail
1.5
Fail
1.1
Fail
—
1.3
Fail
3.3
AA Large
2.0
Fail
1.5
Fail
1.3
Fail
—
White BG
1.0Fail
1.6Fail
2.2Fail
2.5Fail
3.3AA Large
Black BG
20.9AAA
12.7AAA
9.7AAA
8.5AAA
6.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FEFEFB
C6C6D8
ADADBD
A5A5AE
949484

Deuteranopia

FEFEFC
C6C6D7
ADADBC
A6A6AD
969784

Tritanopia

FEFCFC
C4D4D4
ACBAB9
A7ABAA
9C8585

Achromatopsia

FEFEFE
CACACA
B0B0B0
A6A6A6
8E8E8E

Shades & Tints Shades & Tints

#FEFFFA

Dark
Light

#C4C9DD

Dark
Light

#ACAFC2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fefffa;
  --color-2: #c4c9dd;
  --color-3: #acafc2;
  --color-4: #a7a3b1;
  --color-5: #9d8982;
}

SCSS

$color-1: #fefffa;
$color-2: #c4c9dd;
$color-3: #acafc2;
$color-4: #a7a3b1;
$color-5: #9d8982;

TAILWIND

colors: {
  'brand-1': '#fefffa',
  'brand-2': '#c4c9dd',
  'brand-3': '#acafc2',
  'brand-4': '#a7a3b1',
  'brand-5': '#9d8982',
}

RGB Array

[254, 255, 250], [196, 201, 221], [172, 175, 194], [167, 163, 177], [157, 137, 130]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FEFFFA, #C4C9DD, #ACAFC2, #A7A3B1, #9D8982 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: #fefffa; --color-2: #c4c9dd; --color-3: #acafc2; --color-4: #a7a3b1; --color-5: #9d8982. 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