← Back to Editor

#0C0B10 · #FFFEFB · #FADAE5 · #E5C5D4 · #C4B7CB

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

#0C0B10

Deep Indigo · Black · Deep Sea Blue

HEX
#0C0B10
RGB
rgb(12, 11, 16)
HSL
hsl(252, 19%, 5%)
HSB
hsb(252, 31%, 6%)
CMYK
cmyk(25%, 31%, 0%, 94%)
Oklch
oklch(15.3% 0.011 294.3)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#FFFEFB

Goose Yellow · White · Lemon Cream

HEX
#FFFEFB
RGB
rgb(255, 254, 251)
HSL
hsl(45, 100%, 99%)
HSB
hsb(45, 2%, 100%)
CMYK
cmyk(0%, 0%, 2%, 0%)
Oklch
oklch(99.7% 0.004 91.4)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#FADAE5

Rouge · Linen · Cherry Blossom

HEX
#FADAE5
RGB
rgb(250, 218, 229)
HSL
hsl(339, 76%, 92%)
HSB
hsb(339, 13%, 98%)
CMYK
cmyk(0%, 13%, 8%, 2%)
Oklch
oklch(91.8% 0.038 355.1)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#E5C5D4

Rouge · LightGray · Cherry Blossom

HEX
#E5C5D4
RGB
rgb(229, 197, 212)
HSL
hsl(332, 38%, 84%)
HSB
hsb(332, 14%, 90%)
CMYK
cmyk(0%, 14%, 7%, 10%)
Oklch
oklch(85.5% 0.041 348.0)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#C4B7CB

Lilac · Silver · Lilac Purple

HEX
#C4B7CB
RGB
rgb(196, 183, 203)
HSL
hsl(279, 16%, 76%)
HSB
hsb(279, 10%, 80%)
CMYK
cmyk(3%, 10%, 0%, 20%)
Oklch
oklch(79.6% 0.031 314.0)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0C0B10
0E0F0A

Analogous

0A0C0F
0C0B10
0E0A0F

Triadic

0C0B10
0F0B0A
0A0F0B

Split-Comp.

0C0B10
0F0E0A
0C0F0A

Tetradic

0C0B10
0F0A0C
0E0F0A
0A0F0E

Contrast Matrix WCAG 2.1 Contrast

0C0B10
FFFEFB
FADAE5
E5C5D4
C4B7CB
—
19.4
AAA
15.1
AAA
12.4
AAA
10.3
AAA
19.4
AAA
—
1.3
Fail
1.6
Fail
1.9
Fail
15.1
AAA
1.3
Fail
—
1.2
Fail
1.5
Fail
12.4
AAA
1.6
Fail
1.2
Fail
—
1.2
Fail
10.3
AAA
1.9
Fail
1.5
Fail
1.2
Fail
—
White BG
19.6AAA
1.0Fail
1.3Fail
1.6Fail
1.9Fail
Black BG
1.1Fail
20.8AAA
16.2AAA
13.3AAA
11.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

0C0C0F
FFFFFC
ECECE2
D7D7D0
BEBEC6

Deuteranopia

0C0C0F
FFFFFC
EEF0E2
D9DBCF
BFC0C5

Tritanopia

0C0E0E
FFFCFC
F8E0E0
E3CECD
C3C2C2

Achromatopsia

0C0C0C
FEFEFE
E5E5E5
D0D0D0
BDBDBD

Shades & Tints Shades & Tints

#0C0B10

Dark
Light

#FFFEFB

Dark
Light

#FADAE5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0c0b10;
  --color-2: #fffefb;
  --color-3: #fadae5;
  --color-4: #e5c5d4;
  --color-5: #c4b7cb;
}

SCSS

$color-1: #0c0b10;
$color-2: #fffefb;
$color-3: #fadae5;
$color-4: #e5c5d4;
$color-5: #c4b7cb;

TAILWIND

colors: {
  'brand-1': '#0c0b10',
  'brand-2': '#fffefb',
  'brand-3': '#fadae5',
  'brand-4': '#e5c5d4',
  'brand-5': '#c4b7cb',
}

RGB Array

[12, 11, 16], [255, 254, 251], [250, 218, 229], [229, 197, 212], [196, 183, 203]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0C0B10, #FFFEFB, #FADAE5, #E5C5D4, #C4B7CB 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: #0c0b10; --color-2: #fffefb; --color-3: #fadae5; --color-4: #e5c5d4; --color-5: #c4b7cb. 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