← Back to Editor

#FCE89F · #FD5301 · #0D0632 · #6A7FFF · #C0CDEF

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

#FCE89F

Goose Yellow · Khaki · Lemon Cream

HEX
#FCE89F
RGB
rgb(252, 232, 159)
HSL
hsl(47, 94%, 81%)
HSB
hsb(47, 37%, 99%)
CMYK
cmyk(0%, 8%, 37%, 1%)
Oklch
oklch(93.1% 0.094 94.6)

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

#FD5301

Tangerine · OrangeRed · Amber Brown

HEX
#FD5301
RGB
rgb(253, 83, 1)
HSL
hsl(20, 99%, 50%)
HSB
hsb(20, 100%, 99%)
CMYK
cmyk(0%, 67%, 100%, 1%)
Oklch
oklch(67.1% 0.217 38.4)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#0D0632

Deep Indigo · Black · Deep Sea Blue

HEX
#0D0632
RGB
rgb(13, 6, 50)
HSL
hsl(250, 79%, 11%)
HSB
hsb(250, 88%, 20%)
CMYK
cmyk(74%, 88%, 0%, 80%)
Oklch
oklch(17.3% 0.082 281.4)

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

#6A7FFF

Azure · CornflowerBlue · Cobalt Blue

HEX
#6A7FFF
RGB
rgb(106, 127, 255)
HSL
hsl(232, 100%, 71%)
HSB
hsb(232, 58%, 100%)
CMYK
cmyk(58%, 50%, 0%, 0%)
Oklch
oklch(64.5% 0.190 272.9)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#C0CDEF

Azure · LightBlue · Sky Blue

HEX
#C0CDEF
RGB
rgb(192, 205, 239)
HSL
hsl(223, 59%, 85%)
HSB
hsb(223, 20%, 94%)
CMYK
cmyk(20%, 14%, 0%, 6%)
Oklch
oklch(84.9% 0.050 268.8)

Traditional「Azure」· Paint「Sky Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCE89F
A1B5FC

Analogous

FCBBA1
FCE89F
E2FCA1

Triadic

FCE89F
A1FCE8
E8A1FC

Split-Comp.

FCE89F
A1E2FC
BBA1FC

Tetradic

FCE89F
A1FCBB
A1B5FC
FCA1E2

Contrast Matrix WCAG 2.1 Contrast

FCE89F
FD5301
0D0632
6A7FFF
C0CDEF
—
2.7
Fail
15.8
AAA
2.8
Fail
1.3
Fail
2.7
Fail
—
5.9
AA
1.1
Fail
2.1
Fail
15.8
AAA
5.9
AA
—
5.6
AA
12.1
AAA
2.8
Fail
1.1
Fail
5.6
AA
—
2.2
Fail
1.3
Fail
2.1
Fail
12.1
AAA
2.2
Fail
—
White BG
1.2Fail
3.3AA Large
19.3AAA
3.4AA Large
1.6Fail
Black BG
17.2AAA
6.4AA
1.1Fail
6.1AA
13.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F3F3B1
B3B215
0A0A27
7373E0
C6C6E7

Deuteranopia

F5F6B5
BDCA1A
0A0B25
7270D9
C5C4E5

Tritanopia

FBBFC2
F52528
0D1F1D
6BC8C2
C1E0DF

Achromatopsia

E6E6E6
7C7C7C
0D0D0D
878787
CDCDCD

Shades & Tints Shades & Tints

#FCE89F

Dark
Light

#FD5301

Dark
Light

#0D0632

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fce89f;
  --color-2: #fd5301;
  --color-3: #0d0632;
  --color-4: #6a7fff;
  --color-5: #c0cdef;
}

SCSS

$color-1: #fce89f;
$color-2: #fd5301;
$color-3: #0d0632;
$color-4: #6a7fff;
$color-5: #c0cdef;

TAILWIND

colors: {
  'brand-1': '#fce89f',
  'brand-2': '#fd5301',
  'brand-3': '#0d0632',
  'brand-4': '#6a7fff',
  'brand-5': '#c0cdef',
}

RGB Array

[252, 232, 159], [253, 83, 1], [13, 6, 50], [106, 127, 255], [192, 205, 239]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #FCE89F, #FD5301, #0D0632, #6A7FFF, #C0CDEF 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: #fce89f; --color-2: #fd5301; --color-3: #0d0632; --color-4: #6a7fff; --color-5: #c0cdef. 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