← Back to Editor

#FFFFFF · #EBDBCE · #CBB19F · #C25F5F · #3F3D45

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

#FFFFFF

Moonlight White · White · Cloud White

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

#EBDBCE

Apricot · Bisque · Peach Orange

HEX
#EBDBCE
RGB
rgb(235, 219, 206)
HSL
hsl(27, 42%, 86%)
HSB
hsb(27, 12%, 92%)
CMYK
cmyk(0%, 7%, 12%, 8%)
Oklch
oklch(90.1% 0.025 61.6)

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

#CBB19F

Apricot · Tan · Warm Sun

HEX
#CBB19F
RGB
rgb(203, 177, 159)
HSL
hsl(25, 30%, 71%)
HSB
hsb(25, 22%, 80%)
CMYK
cmyk(0%, 13%, 22%, 20%)
Oklch
oklch(77.8% 0.039 56.8)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#C25F5F

Crimson · Sienna · Passion Red

HEX
#C25F5F
RGB
rgb(194, 95, 95)
HSL
hsl(0, 45%, 57%)
HSB
hsb(0, 51%, 76%)
CMYK
cmyk(0%, 51%, 51%, 24%)
Oklch
oklch(60.5% 0.127 21.6)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#3F3D45

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#3F3D45
RGB
rgb(63, 61, 69)
HSL
hsl(255, 6%, 25%)
HSB
hsb(255, 12%, 27%)
CMYK
cmyk(9%, 12%, 0%, 73%)
Oklch
oklch(36.5% 0.014 297.1)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFFFFF
FFFFFF

Analogous

FFFFFF
FFFFFF
FFFFFF

Triadic

FFFFFF
FFFFFF
FFFFFF

Split-Comp.

FFFFFF
FFFFFF
FFFFFF

Tetradic

FFFFFF
FFFFFF
FFFFFF
FFFFFF

Contrast Matrix WCAG 2.1 Contrast

FFFFFF
EBDBCE
CBB19F
C25F5F
3F3D45
—
1.3
Fail
2.0
Fail
4.1
AA Large
10.7
AAA
1.3
Fail
—
1.5
Fail
3.1
AA Large
7.9
AAA
2.0
Fail
1.5
Fail
—
2.0
Fail
5.3
AA
4.1
AA Large
3.1
AA Large
2.0
Fail
—
2.6
Fail
10.7
AAA
7.9
AAA
5.3
AA
2.6
Fail
—
White BG
1.0Fail
1.3Fail
2.0Fail
4.1AA Large
10.7AAA
Black BG
21.0AAA
15.6AAA
10.3AAA
5.1AA
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

FFFFFF
E4E4D1
C0C0A3
97965F
3E3E43

Deuteranopia

FFFFFF
E5E6D2
C1C3A4
9DA45F
3E3E43

Tritanopia

FFFFFF
EAD4D4
CAA7A8
BD5F5F
3F4241

Achromatopsia

FFFFFF
DEDEDE
B7B7B7
7D7D7D
3F3F3F

Shades & Tints Shades & Tints

#FFFFFF

Dark
Light

#EBDBCE

Dark
Light

#CBB19F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffffff;
  --color-2: #ebdbce;
  --color-3: #cbb19f;
  --color-4: #c25f5f;
  --color-5: #3f3d45;
}

SCSS

$color-1: #ffffff;
$color-2: #ebdbce;
$color-3: #cbb19f;
$color-4: #c25f5f;
$color-5: #3f3d45;

TAILWIND

colors: {
  'brand-1': '#ffffff',
  'brand-2': '#ebdbce',
  'brand-3': '#cbb19f',
  'brand-4': '#c25f5f',
  'brand-5': '#3f3d45',
}

RGB Array

[255, 255, 255], [235, 219, 206], [203, 177, 159], [194, 95, 95], [63, 61, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFFFFF, #EBDBCE, #CBB19F, #C25F5F, #3F3D45 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: #ffffff; --color-2: #ebdbce; --color-3: #cbb19f; --color-4: #c25f5f; --color-5: #3f3d45. 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