← Back to Editor

#020001 · #FCE8A5 · #705A0E · #FC7D77 · #9C8D73

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#020001

Dark Violet · Black · Raspberry

HEX
#020001
RGB
rgb(2, 0, 1)
HSL
hsl(330, 100%, 0%)
HSB
hsb(330, 100%, 1%)
CMYK
cmyk(0%, 100%, 50%, 99%)
Oklch
oklch(5.6% 0.024 344.8)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#FCE8A5

Goose Yellow · Wheat · Lemon Cream

HEX
#FCE8A5
RGB
rgb(252, 232, 165)
HSL
hsl(46, 94%, 82%)
HSB
hsb(46, 35%, 99%)
CMYK
cmyk(0%, 8%, 35%, 1%)
Oklch
oklch(93.2% 0.087 93.4)

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

#705A0E

Ochre · Olive · Amber Gold

HEX
#705A0E
RGB
rgb(112, 90, 14)
HSL
hsl(47, 78%, 25%)
HSB
hsb(47, 87%, 44%)
CMYK
cmyk(0%, 20%, 87%, 56%)
Oklch
oklch(47.7% 0.092 91.0)

Traditional「Ochre」· Paint「Amber Gold」· Creative Blush Sunrise

#FC7D77

Peach Pink · Salmon · Coral Red

HEX
#FC7D77
RGB
rgb(252, 125, 119)
HSL
hsl(3, 96%, 73%)
HSB
hsb(3, 53%, 99%)
CMYK
cmyk(0%, 50%, 53%, 1%)
Oklch
oklch(73.4% 0.156 24.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#9C8D73

Ginger · Gray · Warm Sun

HEX
#9C8D73
RGB
rgb(156, 141, 115)
HSL
hsl(38, 17%, 53%)
HSB
hsb(38, 26%, 61%)
CMYK
cmyk(0%, 10%, 26%, 39%)
Oklch
oklch(65.0% 0.041 81.4)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

020001
000000

Analogous

000000
020001
000000

Triadic

020001
000000
000000

Split-Comp.

020001
000000
000000

Tetradic

020001
000000
000000
000000

Contrast Matrix WCAG 2.1 Contrast

020001
FCE8A5
705A0E
FC7D77
9C8D73
—
17.2
AAA
3.1
AA Large
8.3
AAA
6.5
AA
17.2
AAA
—
5.5
AA
2.1
Fail
2.7
Fail
3.1
AA Large
5.5
AA
—
2.6
Fail
2.0
Fail
8.3
AAA
2.1
Fail
2.6
Fail
—
1.3
Fail
6.5
AA
2.7
Fail
2.0
Fail
1.3
Fail
—
White BG
20.9AAA
1.2Fail
6.7AA
2.5Fail
3.2AA Large
Black BG
1.0Fail
17.2AAA
3.2AA Large
8.3AAA
6.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

010101
F3F3B5
666620
C5C478
969579

Deuteranopia

010101
F5F6B9
686925
CCD679
96987B

Tritanopia

020101
FBC2C5
6F2F32
F67A7A
9B7E7F

Achromatopsia

010101
E6E6E6
585858
A2A2A2
8F8F8F

Shades & Tints Shades & Tints

#020001

Dark
Light

#FCE8A5

Dark
Light

#705A0E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #020001;
  --color-2: #fce8a5;
  --color-3: #705a0e;
  --color-4: #fc7d77;
  --color-5: #9c8d73;
}

SCSS

$color-1: #020001;
$color-2: #fce8a5;
$color-3: #705a0e;
$color-4: #fc7d77;
$color-5: #9c8d73;

TAILWIND

colors: {
  'brand-1': '#020001',
  'brand-2': '#fce8a5',
  'brand-3': '#705a0e',
  'brand-4': '#fc7d77',
  'brand-5': '#9c8d73',
}

RGB Array

[2, 0, 1], [252, 232, 165], [112, 90, 14], [252, 125, 119], [156, 141, 115]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #020001, #FCE8A5, #705A0E, #FC7D77, #9C8D73 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: #020001; --color-2: #fce8a5; --color-3: #705a0e; --color-4: #fc7d77; --color-5: #9c8d73. 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 general-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