← Back to Editor

#EFE8E9 · #FFCFAC · #0D0319 · #C4C6C6 · #E3E2EC

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

#EFE8E9

Peach Pink · Linen · Cherry Blossom

HEX
#EFE8E9
RGB
rgb(239, 232, 233)
HSL
hsl(351, 18%, 92%)
HSB
hsb(351, 3%, 94%)
CMYK
cmyk(0%, 3%, 3%, 6%)
Oklch
oklch(93.7% 0.008 7.3)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#FFCFAC

Apricot · Wheat · Peach Orange

HEX
#FFCFAC
RGB
rgb(255, 207, 172)
HSL
hsl(25, 100%, 84%)
HSB
hsb(25, 33%, 100%)
CMYK
cmyk(0%, 19%, 33%, 0%)
Oklch
oklch(88.8% 0.071 57.8)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#0D0319

Deep Indigo · Black · Dark Purple

HEX
#0D0319
RGB
rgb(13, 3, 25)
HSL
hsl(267, 79%, 5%)
HSB
hsb(267, 88%, 10%)
CMYK
cmyk(48%, 88%, 0%, 90%)
Oklch
oklch(13.6% 0.051 303.6)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#C4C6C6

Silver Gray · Silver · Pearl Gray

HEX
#C4C6C6
RGB
rgb(196, 198, 198)
HSL
hsl(180, 2%, 77%)
HSB
hsb(180, 1%, 78%)
CMYK
cmyk(1%, 0%, 0%, 22%)
Oklch
oklch(82.5% 0.002 197.1)

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

#E3E2EC

Wisteria · Lavender · Sky Blue

HEX
#E3E2EC
RGB
rgb(227, 226, 236)
HSL
hsl(246, 21%, 91%)
HSB
hsb(246, 4%, 93%)
CMYK
cmyk(4%, 4%, 0%, 7%)
Oklch
oklch(91.6% 0.014 290.7)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFE8E9
E7EEED

Analogous

EEE7EC
EFE8E9
EEE9E7

Triadic

EFE8E9
E8EEE7
E7E8EE

Split-Comp.

EFE8E9
E7EEE9
E7ECEE

Tetradic

EFE8E9
ECEEE7
E7EEED
E9E7EE

Contrast Matrix WCAG 2.1 Contrast

EFE8E9
FFCFAC
0D0319
C4C6C6
E3E2EC
—
1.2
Fail
16.7
AAA
1.4
Fail
1.1
Fail
1.2
Fail
—
14.1
AAA
1.2
Fail
1.1
Fail
16.7
AAA
14.1
AAA
—
11.7
AAA
15.7
AAA
1.4
Fail
1.2
Fail
11.7
AAA
—
1.3
Fail
1.1
Fail
1.1
Fail
15.7
AAA
1.3
Fail
—
White BG
1.2Fail
1.4Fail
20.1AAA
1.7Fail
1.3Fail
Black BG
17.4AAA
14.8AAA
1.0Fail
12.2AAA
16.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ECECE9
EAEAB4
090914
C5C5C6
E3E3EA

Deuteranopia

ECEDE9
EDF1B7
090A12
C5C5C6
E3E3E9

Tritanopia

EFE9E9
FDBBBD
0D0F0F
C4C6C6
E3E8E7

Achromatopsia

EAEAEA
D9D9D9
080808
C5C5C5
E3E3E3

Shades & Tints Shades & Tints

#EFE8E9

Dark
Light

#FFCFAC

Dark
Light

#0D0319

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efe8e9;
  --color-2: #ffcfac;
  --color-3: #0d0319;
  --color-4: #c4c6c6;
  --color-5: #e3e2ec;
}

SCSS

$color-1: #efe8e9;
$color-2: #ffcfac;
$color-3: #0d0319;
$color-4: #c4c6c6;
$color-5: #e3e2ec;

TAILWIND

colors: {
  'brand-1': '#efe8e9',
  'brand-2': '#ffcfac',
  'brand-3': '#0d0319',
  'brand-4': '#c4c6c6',
  'brand-5': '#e3e2ec',
}

RGB Array

[239, 232, 233], [255, 207, 172], [13, 3, 25], [196, 198, 198], [227, 226, 236]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFE8E9, #FFCFAC, #0D0319, #C4C6C6, #E3E2EC 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: #efe8e9; --color-2: #ffcfac; --color-3: #0d0319; --color-4: #c4c6c6; --color-5: #e3e2ec. 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