← Back to Editor

#020003 · #FBC6A7 · #D56F60 · #EAEBE6 · #3E303F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#020003

Royal Purple · Black · Dark Purple

HEX
#020003
RGB
rgb(2, 0, 3)
HSL
hsl(280, 100%, 1%)
HSB
hsb(280, 100%, 1%)
CMYK
cmyk(33%, 100%, 0%, 99%)
Oklch
oklch(6.2% 0.030 318.7)

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

#FBC6A7

Apricot · Wheat · Peach Orange

HEX
#FBC6A7
RGB
rgb(251, 198, 167)
HSL
hsl(22, 91%, 82%)
HSB
hsb(22, 33%, 98%)
CMYK
cmyk(0%, 21%, 33%, 2%)
Oklch
oklch(86.6% 0.074 51.8)

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

#D56F60

Peach Pink · Salmon · Coral Red

HEX
#D56F60
RGB
rgb(213, 111, 96)
HSL
hsl(8, 58%, 61%)
HSB
hsb(8, 55%, 84%)
CMYK
cmyk(0%, 48%, 55%, 16%)
Oklch
oklch(65.6% 0.131 29.7)

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

#EAEBE6

Willow Green · Linen · Mint Green

HEX
#EAEBE6
RGB
rgb(234, 235, 230)
HSL
hsl(72, 11%, 91%)
HSB
hsb(72, 2%, 92%)
CMYK
cmyk(0%, 0%, 2%, 8%)
Oklch
oklch(93.8% 0.007 115.7)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#3E303F

Dark Plum · DarkSlateGray · Eggplant

HEX
#3E303F
RGB
rgb(62, 48, 63)
HSL
hsl(296, 14%, 22%)
HSB
hsb(296, 24%, 25%)
CMYK
cmyk(2%, 24%, 0%, 75%)
Oklch
oklch(33.1% 0.032 324.1)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

020003
020500

Analogous

010005
020003
050004

Triadic

020003
050300
000503

Split-Comp.

020003
040500
000501

Tetradic

020003
050100
020500
000405

Contrast Matrix WCAG 2.1 Contrast

020003
FBC6A7
D56F60
EAEBE6
3E303F
—
13.7
AAA
6.2
AA
17.5
AAA
1.7
Fail
13.7
AAA
—
2.2
Fail
1.3
Fail
8.1
AAA
6.2
AA
2.2
Fail
—
2.8
Fail
3.7
AA Large
17.5
AAA
1.3
Fail
2.8
Fail
—
10.3
AAA
1.7
Fail
8.1
AAA
3.7
AA Large
10.3
AAA
—
White BG
20.9AAA
1.5Fail
3.3AA Large
1.2Fail
12.4AAA
Black BG
1.0Fail
13.7AAA
6.3AA
17.5AAA
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

010102
E4E4AF
A9A864
EAEAE7
38383B

Deuteranopia

010102
E7EBB0
AFB664
EAEAE8
393A3A

Tritanopia

020202
F8B4B6
D06667
EAE8E8
3D3938

Achromatopsia

010101
D2D2D2
8C8C8C
EAEAEA
363636

Shades & Tints Shades & Tints

#020003

Dark
Light

#FBC6A7

Dark
Light

#D56F60

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #020003;
  --color-2: #fbc6a7;
  --color-3: #d56f60;
  --color-4: #eaebe6;
  --color-5: #3e303f;
}

SCSS

$color-1: #020003;
$color-2: #fbc6a7;
$color-3: #d56f60;
$color-4: #eaebe6;
$color-5: #3e303f;

TAILWIND

colors: {
  'brand-1': '#020003',
  'brand-2': '#fbc6a7',
  'brand-3': '#d56f60',
  'brand-4': '#eaebe6',
  'brand-5': '#3e303f',
}

RGB Array

[2, 0, 3], [251, 198, 167], [213, 111, 96], [234, 235, 230], [62, 48, 63]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #020003, #FBC6A7, #D56F60, #EAEBE6, #3E303F is ideal for: 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: #020003; --color-2: #fbc6a7; --color-3: #d56f60; --color-4: #eaebe6; --color-5: #3e303f. 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 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