← Back to Editor

#000100 · #E3C875 · #F2E0B4 · #F0D0AB · #F3B19B

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

#000100

Pine Green · Black · Dark Green

HEX
#000100
RGB
rgb(0, 1, 0)
HSL
hsl(120, 100%, 0%)
HSB
hsb(120, 100%, 0%)
CMYK
cmyk(100%, 0%, 100%, 100%)
Oklch
oklch(5.8% 0.020 142.5)

Traditional「Pine Green」· Paint「Dark Green」· Creative Blush Sunrise

#E3C875

Ginger · BurlyWood · Sunflower

HEX
#E3C875
RGB
rgb(227, 200, 117)
HSL
hsl(45, 66%, 67%)
HSB
hsb(45, 48%, 89%)
CMYK
cmyk(0%, 12%, 48%, 11%)
Oklch
oklch(83.8% 0.107 91.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#F2E0B4

Goose Yellow · Wheat · Lemon Cream

HEX
#F2E0B4
RGB
rgb(242, 224, 180)
HSL
hsl(43, 70%, 83%)
HSB
hsb(43, 26%, 95%)
CMYK
cmyk(0%, 7%, 26%, 5%)
Oklch
oklch(91.0% 0.061 88.4)

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

#F0D0AB

Goose Yellow · Wheat · Peach Orange

HEX
#F0D0AB
RGB
rgb(240, 208, 171)
HSL
hsl(32, 70%, 81%)
HSB
hsb(32, 29%, 94%)
CMYK
cmyk(0%, 13%, 29%, 6%)
Oklch
oklch(87.5% 0.061 71.0)

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

#F3B19B

Apricot · BurlyWood · Peach Orange

HEX
#F3B19B
RGB
rgb(243, 177, 155)
HSL
hsl(15, 79%, 78%)
HSB
hsb(15, 36%, 95%)
CMYK
cmyk(0%, 27%, 36%, 5%)
Oklch
oklch(81.7% 0.084 39.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

000100
000000

Analogous

000000
000100
000000

Triadic

000100
000000
000000

Split-Comp.

000100
000000
000000

Tetradic

000100
000000
000000
000000

Contrast Matrix WCAG 2.1 Contrast

000100
E3C875
F2E0B4
F0D0AB
F3B19B
—
12.7
AAA
16.0
AAA
14.3
AAA
11.5
AAA
12.7
AAA
—
1.3
Fail
1.1
Fail
1.1
Fail
16.0
AAA
1.3
Fail
—
1.1
Fail
1.4
Fail
14.3
AAA
1.1
Fail
1.1
Fail
—
1.2
Fail
11.5
AAA
1.1
Fail
1.4
Fail
1.2
Fail
—
White BG
20.9AAA
1.6Fail
1.3Fail
1.5Fail
1.8Fail
Black BG
1.0Fail
12.8AAA
16.1AAA
14.3AAA
11.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

000000
D7D789
EAEABF
E2E2B4
D6D6A0

Deuteranopia

000000
D9DB8E
EBEDC1
E4E6B6
DADFA2

Tritanopia

000000
E2999C
F1C7C9
EEBBBD
F0A5A5

Achromatopsia

010101
C7C7C7
E0E0E0
D5D5D5
C2C2C2

Shades & Tints Shades & Tints

#000100

Dark
Light

#E3C875

Dark
Light

#F2E0B4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #000100;
  --color-2: #e3c875;
  --color-3: #f2e0b4;
  --color-4: #f0d0ab;
  --color-5: #f3b19b;
}

SCSS

$color-1: #000100;
$color-2: #e3c875;
$color-3: #f2e0b4;
$color-4: #f0d0ab;
$color-5: #f3b19b;

TAILWIND

colors: {
  'brand-1': '#000100',
  'brand-2': '#e3c875',
  'brand-3': '#f2e0b4',
  'brand-4': '#f0d0ab',
  'brand-5': '#f3b19b',
}

RGB Array

[0, 1, 0], [227, 200, 117], [242, 224, 180], [240, 208, 171], [243, 177, 155]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #000100, #E3C875, #F2E0B4, #F0D0AB, #F3B19B 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: #000100; --color-2: #e3c875; --color-3: #f2e0b4; --color-4: #f0d0ab; --color-5: #f3b19b. 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