← Back to Editor

#FAECCF · #0D0D0C · #FFEFE6 · #63005D · #000C63

dark

A 5-color dark palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#FAECCF

Goose Yellow · Bisque · Lemon Cream

HEX
#FAECCF
RGB
rgb(250, 236, 207)
HSL
hsl(40, 81%, 90%)
HSB
hsb(40, 17%, 98%)
CMYK
cmyk(0%, 6%, 17%, 2%)
Oklch
oklch(94.7% 0.041 85.3)

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

#0D0D0C

Ink Black · Black · Jet Black

HEX
#0D0D0C
RGB
rgb(13, 13, 12)
HSL
hsl(60, 4%, 5%)
HSB
hsb(60, 8%, 5%)
CMYK
cmyk(0%, 0%, 8%, 95%)
Oklch
oklch(15.9% 0.002 106.6)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#FFEFE6

Apricot · Linen · Peach Orange

HEX
#FFEFE6
RGB
rgb(255, 239, 230)
HSL
hsl(22, 100%, 95%)
HSB
hsb(22, 10%, 100%)
CMYK
cmyk(0%, 6%, 10%, 0%)
Oklch
oklch(96.2% 0.021 51.5)

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

#63005D

Rose Purple · Purple · Dark Purple

HEX
#63005D
RGB
rgb(99, 0, 93)
HSL
hsl(304, 100%, 19%)
HSB
hsb(304, 100%, 39%)
CMYK
cmyk(0%, 100%, 6%, 61%)
Oklch
oklch(34.7% 0.157 331.5)

Traditional「Rose Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#000C63

Indigo · MidnightBlue · Deep Sea Blue

HEX
#000C63
RGB
rgb(0, 12, 99)
HSL
hsl(233, 100%, 19%)
HSB
hsb(233, 100%, 39%)
CMYK
cmyk(100%, 88%, 0%, 61%)
Oklch
oklch(24.1% 0.147 264.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAECCF
D1DFFA

Analogous

FAD8D1
FAECCF
F3FAD1

Triadic

FAECCF
D1FAEC
ECD1FA

Split-Comp.

FAECCF
D1F3FA
D8D1FA

Tetradic

FAECCF
D1FAD8
D1DFFA
FAD1F3

Contrast Matrix WCAG 2.1 Contrast

FAECCF
0D0D0C
FFEFE6
63005D
000C63
—
16.6
AAA
1.0
Fail
10.6
AAA
14.6
AAA
16.6
AAA
—
17.4
AAA
1.6
Fail
1.1
Fail
1.0
Fail
17.4
AAA
—
11.1
AAA
15.2
AAA
10.6
AAA
1.6
Fail
11.1
AAA
—
1.4
Fail
14.6
AAA
1.1
Fail
15.2
AAA
1.4
Fail
—
White BG
1.2Fail
19.4AAA
1.1Fail
12.4AAA
17.0AAA
Black BG
18.0AAA
1.1Fail
18.7AAA
1.7Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F4F4D6
0D0D0C
F8F8E8
383746
05054E

Deuteranopia

F5F6D8
0D0D0C
F9FAE9
3E4541
050449

Tritanopia

F9DCDD
0D0C0C
FEEAEA
5E3531
013D3A

Achromatopsia

EDEDED
0D0D0D
F3F3F3
282828
121212

Shades & Tints Shades & Tints

#FAECCF

Dark
Light

#0D0D0C

Dark
Light

#FFEFE6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #faeccf;
  --color-2: #0d0d0c;
  --color-3: #ffefe6;
  --color-4: #63005d;
  --color-5: #000c63;
}

SCSS

$color-1: #faeccf;
$color-2: #0d0d0c;
$color-3: #ffefe6;
$color-4: #63005d;
$color-5: #000c63;

TAILWIND

colors: {
  'brand-1': '#faeccf',
  'brand-2': '#0d0d0c',
  'brand-3': '#ffefe6',
  'brand-4': '#63005d',
  'brand-5': '#000c63',
}

RGB Array

[250, 236, 207], [13, 13, 12], [255, 239, 230], [99, 0, 93], [0, 12, 99]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #FAECCF, #0D0D0C, #FFEFE6, #63005D, #000C63 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #faeccf; --color-2: #0d0d0c; --color-3: #ffefe6; --color-4: #63005d; --color-5: #000c63. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 dark-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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