← Back to Editor

#EFEFE7 · #F9CFA5 · #C3B9A8 · #938F98 · #5E5950

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

#EFEFE7

Fresh Green · Linen · Lemon Cream

HEX
#EFEFE7
RGB
rgb(239, 239, 231)
HSL
hsl(60, 20%, 92%)
HSB
hsb(60, 3%, 94%)
CMYK
cmyk(0%, 0%, 3%, 6%)
Oklch
oklch(95.0% 0.011 106.6)

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

#F9CFA5

Goose Yellow · Wheat · Peach Orange

HEX
#F9CFA5
RGB
rgb(249, 207, 165)
HSL
hsl(30, 88%, 81%)
HSB
hsb(30, 34%, 98%)
CMYK
cmyk(0%, 17%, 34%, 2%)
Oklch
oklch(88.1% 0.073 66.6)

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

#C3B9A8

Goose Yellow · Silver · Warm Sun

HEX
#C3B9A8
RGB
rgb(195, 185, 168)
HSL
hsl(38, 18%, 71%)
HSB
hsb(38, 14%, 76%)
CMYK
cmyk(0%, 5%, 14%, 24%)
Oklch
oklch(78.9% 0.026 81.1)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#938F98

Ash · LightSlateGray · Silver Sand

HEX
#938F98
RGB
rgb(147, 143, 152)
HSL
hsl(267, 4%, 58%)
HSB
hsb(267, 6%, 60%)
CMYK
cmyk(3%, 6%, 0%, 40%)
Oklch
oklch(65.6% 0.014 305.9)

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

#5E5950

Ochre · DimGray · Charcoal

HEX
#5E5950
RGB
rgb(94, 89, 80)
HSL
hsl(39, 8%, 34%)
HSB
hsb(39, 15%, 37%)
CMYK
cmyk(0%, 5%, 15%, 63%)
Oklch
oklch(46.6% 0.016 82.4)

Traditional「Ochre」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFEFE7
E7E7EF

Analogous

EFEBE7
EFEFE7
EBEFE7

Triadic

EFEFE7
E7EFEF
EFE7EF

Split-Comp.

EFEFE7
E7EBEF
EBE7EF

Tetradic

EFEFE7
E7EFEB
E7E7EF
EFE7EB

Contrast Matrix WCAG 2.1 Contrast

EFEFE7
F9CFA5
C3B9A8
938F98
5E5950
—
1.3
Fail
1.7
Fail
2.7
Fail
6.0
AA
1.3
Fail
—
1.3
Fail
2.2
Fail
4.8
AA
1.7
Fail
1.3
Fail
—
1.6
Fail
3.6
AA Large
2.7
Fail
2.2
Fail
1.6
Fail
—
2.2
Fail
6.0
AA
4.8
AA
3.6
AA Large
2.2
Fail
—
White BG
1.2Fail
1.4Fail
1.9Fail
3.2AA Large
7.0AA
Black BG
18.2AAA
14.5AAA
10.8AAA
6.6AA
3.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFE9
E7E6AF
BFBFAC
919196
5C5C52

Deuteranopia

EFEFE9
E9ECB2
BFC0AD
929295
5C5D53

Tritanopia

EFEAEB
F7B7B9
C3AFB0
939494
5E5454

Achromatopsia

EEEEEE
D7D7D7
BABABA
919191
595959

Shades & Tints Shades & Tints

#EFEFE7

Dark
Light

#F9CFA5

Dark
Light

#C3B9A8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efefe7;
  --color-2: #f9cfa5;
  --color-3: #c3b9a8;
  --color-4: #938f98;
  --color-5: #5e5950;
}

SCSS

$color-1: #efefe7;
$color-2: #f9cfa5;
$color-3: #c3b9a8;
$color-4: #938f98;
$color-5: #5e5950;

TAILWIND

colors: {
  'brand-1': '#efefe7',
  'brand-2': '#f9cfa5',
  'brand-3': '#c3b9a8',
  'brand-4': '#938f98',
  'brand-5': '#5e5950',
}

RGB Array

[239, 239, 231], [249, 207, 165], [195, 185, 168], [147, 143, 152], [94, 89, 80]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFEFE7, #F9CFA5, #C3B9A8, #938F98, #5E5950 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: #efefe7; --color-2: #f9cfa5; --color-3: #c3b9a8; --color-4: #938f98; --color-5: #5e5950. 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