← Back to Editor

#2F0911 · #FCF6DA · #E8EED5 · #A1D2B0 · #C47009

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

#2F0911

Vermilion · Black · Deep Berry

HEX
#2F0911
RGB
rgb(47, 9, 17)
HSL
hsl(347, 68%, 11%)
HSB
hsb(347, 81%, 18%)
CMYK
cmyk(0%, 81%, 64%, 82%)
Oklch
oklch(21.1% 0.062 11.7)

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

#FCF6DA

Goose Yellow · Beige · Lemon Cream

HEX
#FCF6DA
RGB
rgb(252, 246, 218)
HSL
hsl(49, 85%, 92%)
HSB
hsb(49, 13%, 99%)
CMYK
cmyk(0%, 2%, 13%, 1%)
Oklch
oklch(97.1% 0.037 97.1)

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

#E8EED5

Willow Green · Beige · Mint Green

HEX
#E8EED5
RGB
rgb(232, 238, 213)
HSL
hsl(74, 42%, 88%)
HSB
hsb(74, 11%, 93%)
CMYK
cmyk(3%, 0%, 11%, 7%)
Oklch
oklch(93.8% 0.034 118.0)

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

#A1D2B0

Celadon · Silver · Apple Green

HEX
#A1D2B0
RGB
rgb(161, 210, 176)
HSL
hsl(138, 35%, 73%)
HSB
hsb(138, 23%, 82%)
CMYK
cmyk(23%, 0%, 16%, 18%)
Oklch
oklch(82.0% 0.070 154.3)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#C47009

Ochre · DarkGoldenRod · Amber Brown

HEX
#C47009
RGB
rgb(196, 112, 9)
HSL
hsl(33, 91%, 40%)
HSB
hsb(33, 95%, 77%)
CMYK
cmyk(0%, 43%, 95%, 23%)
Oklch
oklch(62.6% 0.143 61.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2F0911
092F27

Analogous

2F0924
2F0911
2F1409

Triadic

2F0911
112F09
09112F

Split-Comp.

2F0911
092F14
09242F

Tetradic

2F0911
242F09
092F27
14092F

Contrast Matrix WCAG 2.1 Contrast

2F0911
FCF6DA
E8EED5
A1D2B0
C47009
—
16.6
AAA
15.1
AAA
10.6
AAA
4.9
AA
16.6
AAA
—
1.1
Fail
1.6
Fail
3.4
AA Large
15.1
AAA
1.1
Fail
—
1.4
Fail
3.1
AA Large
10.6
AAA
1.6
Fail
1.4
Fail
—
2.2
Fail
4.9
AA
3.4
AA Large
3.1
AA Large
2.2
Fail
—
White BG
18.0AAA
1.1Fail
1.2Fail
1.7Fail
3.7AA Large
Black BG
1.2Fail
19.3AAA
17.6AAA
12.4AAA
5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1F1E0F
F9F9E1
EBEBDB
B6B7B8
A09F22

Deuteranopia

21240F
FAFAE2
EAEADD
B3B0BA
A5AB28

Tritanopia

2D0E0D
FCE6E7
E8E0E1
A3BFC0
C0363A

Achromatopsia

151515
F5F5F5
E9E9E9
BFBFBF
7D7D7D

Shades & Tints Shades & Tints

#2F0911

Dark
Light

#FCF6DA

Dark
Light

#E8EED5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2f0911;
  --color-2: #fcf6da;
  --color-3: #e8eed5;
  --color-4: #a1d2b0;
  --color-5: #c47009;
}

SCSS

$color-1: #2f0911;
$color-2: #fcf6da;
$color-3: #e8eed5;
$color-4: #a1d2b0;
$color-5: #c47009;

TAILWIND

colors: {
  'brand-1': '#2f0911',
  'brand-2': '#fcf6da',
  'brand-3': '#e8eed5',
  'brand-4': '#a1d2b0',
  'brand-5': '#c47009',
}

RGB Array

[47, 9, 17], [252, 246, 218], [232, 238, 213], [161, 210, 176], [196, 112, 9]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2F0911, #FCF6DA, #E8EED5, #A1D2B0, #C47009 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: #2f0911; --color-2: #fcf6da; --color-3: #e8eed5; --color-4: #a1d2b0; --color-5: #c47009. 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