← Back to Editor

#FFFEE1 · #DADBC9 · #B6B8B2 · #91959A · #6C7282

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

#FFFEE1

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFEE1
RGB
rgb(255, 254, 225)
HSL
hsl(58, 100%, 94%)
HSB
hsb(58, 12%, 100%)
CMYK
cmyk(0%, 0%, 12%, 0%)
Oklch
oklch(99.0% 0.038 105.5)

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

#DADBC9

Fresh Green · LightGray · Lemon Cream

HEX
#DADBC9
RGB
rgb(218, 219, 201)
HSL
hsl(63, 20%, 82%)
HSB
hsb(63, 8%, 86%)
CMYK
cmyk(0%, 0%, 8%, 14%)
Oklch
oklch(88.6% 0.024 109.5)

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

#B6B8B2

Silver Gray · Silver · Pearl Gray

HEX
#B6B8B2
RGB
rgb(182, 184, 178)
HSL
hsl(80, 4%, 71%)
HSB
hsb(80, 3%, 72%)
CMYK
cmyk(1%, 0%, 3%, 28%)
Oklch
oklch(77.9% 0.009 121.7)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#91959A

Ash · LightSlateGray · Silver Sand

HEX
#91959A
RGB
rgb(145, 149, 154)
HSL
hsl(213, 4%, 59%)
HSB
hsb(213, 6%, 60%)
CMYK
cmyk(6%, 3%, 0%, 40%)
Oklch
oklch(66.8% 0.009 253.9)

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

#6C7282

Indigo · SlateGray · Warm Gray

HEX
#6C7282
RGB
rgb(108, 114, 130)
HSL
hsl(224, 9%, 47%)
HSB
hsb(224, 17%, 51%)
CMYK
cmyk(17%, 12%, 0%, 49%)
Oklch
oklch(55.3% 0.026 269.2)

Traditional「Indigo」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFFEE1
E0E1FF

Analogous

FFEFE0
FFFEE1
F1FFE0

Triadic

FFFEE1
E0FFFE
FEE0FF

Split-Comp.

FFFEE1
E0F1FF
EFE0FF

Tetradic

FFFEE1
E0FFEF
E0E1FF
FFE0F1

Contrast Matrix WCAG 2.1 Contrast

FFFEE1
DADBC9
B6B8B2
91959A
6C7282
—
1.4
Fail
2.0
Fail
2.9
Fail
4.7
AA
1.4
Fail
—
1.4
Fail
2.1
Fail
3.4
AA Large
2.0
Fail
1.4
Fail
—
1.5
Fail
2.4
Fail
2.9
Fail
2.1
Fail
1.5
Fail
—
1.6
Fail
4.7
AA
3.4
AA Large
2.4
Fail
1.6
Fail
—
White BG
1.0Fail
1.4Fail
2.0Fail
3.0AA Large
4.8AA
Black BG
20.5AAA
15.0AAA
10.5AAA
7.0AA
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

FFFFE8
DADACD
B7B7B3
939399
6F6F7E

Deuteranopia

FFFFEA
DADACE
B7B7B4
939299
6E6E7D

Tritanopia

FFEEEF
DAD1D2
B6B5B5
919898
6C7B7A

Achromatopsia

FBFBFB
D9D9D9
B7B7B7
949494
727272

Shades & Tints Shades & Tints

#FFFEE1

Dark
Light

#DADBC9

Dark
Light

#B6B8B2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fffee1;
  --color-2: #dadbc9;
  --color-3: #b6b8b2;
  --color-4: #91959a;
  --color-5: #6c7282;
}

SCSS

$color-1: #fffee1;
$color-2: #dadbc9;
$color-3: #b6b8b2;
$color-4: #91959a;
$color-5: #6c7282;

TAILWIND

colors: {
  'brand-1': '#fffee1',
  'brand-2': '#dadbc9',
  'brand-3': '#b6b8b2',
  'brand-4': '#91959a',
  'brand-5': '#6c7282',
}

RGB Array

[255, 254, 225], [218, 219, 201], [182, 184, 178], [145, 149, 154], [108, 114, 130]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFFEE1, #DADBC9, #B6B8B2, #91959A, #6C7282 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: #fffee1; --color-2: #dadbc9; --color-3: #b6b8b2; --color-4: #91959a; --color-5: #6c7282. 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