← Back to Editor

#34160C · #86333C · #DC8576 · #FBF0B9 · #FCFCEC

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

#34160C

Tangerine · Black · Cinnamon

HEX
#34160C
RGB
rgb(52, 22, 12)
HSL
hsl(15, 63%, 13%)
HSB
hsb(15, 77%, 20%)
CMYK
cmyk(0%, 58%, 77%, 80%)
Oklch
oklch(24.2% 0.052 39.0)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#86333C

Crimson · Brown · Wine Red

HEX
#86333C
RGB
rgb(134, 51, 60)
HSL
hsl(353, 45%, 36%)
HSB
hsb(353, 62%, 53%)
CMYK
cmyk(0%, 62%, 55%, 47%)
Oklch
oklch(44.1% 0.114 16.6)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#DC8576

Peach Pink · DarkSalmon · Coral Red

HEX
#DC8576
RGB
rgb(220, 133, 118)
HSL
hsl(9, 59%, 66%)
HSB
hsb(9, 46%, 86%)
CMYK
cmyk(0%, 40%, 46%, 14%)
Oklch
oklch(70.5% 0.110 30.5)

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

#FBF0B9

Fresh Green · Bisque · Lemon Cream

HEX
#FBF0B9
RGB
rgb(251, 240, 185)
HSL
hsl(50, 89%, 85%)
HSB
hsb(50, 26%, 98%)
CMYK
cmyk(0%, 4%, 26%, 2%)
Oklch
oklch(95.1% 0.071 98.1)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#FCFCEC

Fresh Green · SeaShell · Lemon Cream

HEX
#FCFCEC
RGB
rgb(252, 252, 236)
HSL
hsl(60, 73%, 96%)
HSB
hsb(60, 6%, 99%)
CMYK
cmyk(0%, 0%, 6%, 1%)
Oklch
oklch(98.7% 0.021 106.8)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

34160C
0C2C36

Analogous

360C17
34160C
362C0C

Triadic

34160C
0C3617
170C36

Split-Comp.

34160C
0C362C
0C1736

Tetradic

34160C
17360C
0C2C36
2C0C36

Contrast Matrix WCAG 2.1 Contrast

34160C
86333C
DC8576
FBF0B9
FCFCEC
—
2.0
Fail
6.0
AA
14.4
AAA
16.0
AAA
2.0
Fail
—
3.0
AA Large
7.2
AAA
7.9
AAA
6.0
AA
3.0
AA Large
—
2.4
Fail
2.6
Fail
14.4
AAA
7.2
AAA
2.4
Fail
—
1.1
Fail
16.0
AAA
7.9
AAA
2.6
Fail
1.1
Fail
—
White BG
16.6AAA
8.2AAA
2.7Fail
1.1Fail
1.0Fail
Black BG
1.3Fail
2.6Fail
7.7AAA
18.3AAA
20.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

27270E
62613A
B6B67A
F6F6C6
FCFCF0

Deuteranopia

292B0F
676D39
BBC27B
F7F8CA
FCFCF1

Tritanopia

331011
823838
D87C7D
FAD1D3
FCF3F4

Achromatopsia

1E1E1E
4D4D4D
9D9D9D
EDEDED
FAFAFA

Shades & Tints Shades & Tints

#34160C

Dark
Light

#86333C

Dark
Light

#DC8576

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #34160c;
  --color-2: #86333c;
  --color-3: #dc8576;
  --color-4: #fbf0b9;
  --color-5: #fcfcec;
}

SCSS

$color-1: #34160c;
$color-2: #86333c;
$color-3: #dc8576;
$color-4: #fbf0b9;
$color-5: #fcfcec;

TAILWIND

colors: {
  'brand-1': '#34160c',
  'brand-2': '#86333c',
  'brand-3': '#dc8576',
  'brand-4': '#fbf0b9',
  'brand-5': '#fcfcec',
}

RGB Array

[52, 22, 12], [134, 51, 60], [220, 133, 118], [251, 240, 185], [252, 252, 236]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #34160C, #86333C, #DC8576, #FBF0B9, #FCFCEC 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: #34160c; --color-2: #86333c; --color-3: #dc8576; --color-4: #fbf0b9; --color-5: #fcfcec. 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