← Back to Editor

#FCEBCF · #5F6B78 · #331C1C · #1C2633 · #000205

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#FCEBCF

Goose Yellow · Bisque · Peach Orange

HEX
#FCEBCF
RGB
rgb(252, 235, 207)
HSL
hsl(37, 88%, 90%)
HSB
hsb(37, 18%, 99%)
CMYK
cmyk(0%, 7%, 18%, 1%)
Oklch
oklch(94.6% 0.041 80.3)

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

#5F6B78

Indigo · DimGray · Navy Blue

HEX
#5F6B78
RGB
rgb(95, 107, 120)
HSL
hsl(211, 12%, 42%)
HSB
hsb(211, 21%, 47%)
CMYK
cmyk(21%, 11%, 0%, 53%)
Oklch
oklch(52.2% 0.025 250.4)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#331C1C

Crimson · Black · Deep Berry

HEX
#331C1C
RGB
rgb(51, 28, 28)
HSL
hsl(0, 29%, 15%)
HSB
hsb(0, 45%, 20%)
CMYK
cmyk(0%, 45%, 45%, 80%)
Oklch
oklch(25.7% 0.037 19.9)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#1C2633

Indigo · DarkSlateGray · Deep Sea Blue

HEX
#1C2633
RGB
rgb(28, 38, 51)
HSL
hsl(214, 29%, 15%)
HSB
hsb(214, 45%, 20%)
CMYK
cmyk(45%, 25%, 0%, 80%)
Oklch
oklch(26.5% 0.028 255.2)

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

#000205

Indigo · Black · Deep Sea Blue

HEX
#000205
RGB
rgb(0, 2, 5)
HSL
hsl(216, 100%, 1%)
HSB
hsb(216, 100%, 2%)
CMYK
cmyk(100%, 60%, 0%, 98%)
Oklch
oklch(8.1% 0.019 242.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCEBCF
CFE0FC

Analogous

FCD4CF
FCEBCF
F7FCCF

Triadic

FCEBCF
CFFCEB
EBCFFC

Split-Comp.

FCEBCF
CFF7FC
D4CFFC

Tetradic

FCEBCF
CFFCD4
CFE0FC
FCCFF7

Contrast Matrix WCAG 2.1 Contrast

FCEBCF
5F6B78
331C1C
1C2633
000205
—
4.6
AA
13.5
AAA
13.0
AAA
17.7
AAA
4.6
AA
—
2.9
Fail
2.8
Fail
3.8
AA Large
13.5
AAA
2.9
Fail
—
1.0
Fail
1.3
Fail
13.0
AAA
2.8
Fail
1.0
Fail
—
1.4
Fail
17.7
AAA
3.8
AA Large
1.3
Fail
1.4
Fail
—
White BG
1.2Fail
5.4AA
15.9AAA
15.3AAA
20.8AAA
Black BG
17.9AAA
3.9AA Large
1.3Fail
1.4Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F5F4D6
646475
29291C
202030
010104

Deuteranopia

F6F7D7
646374
2A2C1C
201F2F
010104

Tritanopia

FBDBDC
607272
321C1C
1C2D2D
000404

Achromatopsia

EDEDED
696969
232323
242424
020202

Shades & Tints Shades & Tints

#FCEBCF

Dark
Light

#5F6B78

Dark
Light

#331C1C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcebcf;
  --color-2: #5f6b78;
  --color-3: #331c1c;
  --color-4: #1c2633;
  --color-5: #000205;
}

SCSS

$color-1: #fcebcf;
$color-2: #5f6b78;
$color-3: #331c1c;
$color-4: #1c2633;
$color-5: #000205;

TAILWIND

colors: {
  'brand-1': '#fcebcf',
  'brand-2': '#5f6b78',
  'brand-3': '#331c1c',
  'brand-4': '#1c2633',
  'brand-5': '#000205',
}

RGB Array

[252, 235, 207], [95, 107, 120], [51, 28, 28], [28, 38, 51], [0, 2, 5]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCEBCF, #5F6B78, #331C1C, #1C2633, #000205 is ideal for: tech websites, dark mode UIs, game UIs, 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: #fcebcf; --color-2: #5f6b78; --color-3: #331c1c; --color-4: #1c2633; --color-5: #000205. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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