← Back to Editor

#272204 · #756A4A · #FFFDE6 · #931806 · #C7875A

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

#272204

Autumn Sage · Black · Amber Gold

HEX
#272204
RGB
rgb(39, 34, 4)
HSL
hsl(51, 81%, 8%)
HSB
hsb(51, 90%, 15%)
CMYK
cmyk(0%, 13%, 90%, 85%)
Oklch
oklch(25.0% 0.047 99.9)

Traditional「Autumn Sage」· Paint「Amber Gold」· Creative Blush Sunrise

#756A4A

Ochre · DimGray · Honey Gold

HEX
#756A4A
RGB
rgb(117, 106, 74)
HSL
hsl(45, 23%, 37%)
HSB
hsb(45, 37%, 46%)
CMYK
cmyk(0%, 9%, 37%, 54%)
Oklch
oklch(52.6% 0.049 91.3)

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

#FFFDE6

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFDE6
RGB
rgb(255, 253, 230)
HSL
hsl(55, 100%, 95%)
HSB
hsb(55, 10%, 100%)
CMYK
cmyk(0%, 1%, 10%, 0%)
Oklch
oklch(99.0% 0.030 102.9)

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

#931806

Vermilion · DarkRed · Wine Red

HEX
#931806
RGB
rgb(147, 24, 6)
HSL
hsl(8, 92%, 30%)
HSB
hsb(8, 96%, 58%)
CMYK
cmyk(0%, 84%, 96%, 42%)
Oklch
oklch(42.8% 0.160 31.3)

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

#C7875A

Tangerine · DarkSalmon · Warm Sun

HEX
#C7875A
RGB
rgb(199, 135, 90)
HSL
hsl(25, 49%, 57%)
HSB
hsb(25, 55%, 78%)
CMYK
cmyk(0%, 32%, 55%, 22%)
Oklch
oklch(67.8% 0.099 55.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

272204
040925

Analogous

250F04
272204
192504

Triadic

272204
042520
200425

Split-Comp.

272204
041925
0F0425

Tetradic

272204
04250F
040925
250419

Contrast Matrix WCAG 2.1 Contrast

272204
756A4A
FFFDE6
931806
C7875A
—
3.0
Fail
15.5
AAA
1.8
Fail
5.3
AA
3.0
Fail
—
5.2
AA
1.6
Fail
1.8
Fail
15.5
AAA
5.2
AA
—
8.6
AAA
2.9
Fail
1.8
Fail
1.6
Fail
8.6
AAA
—
3.0
Fail
5.3
AA
1.8
Fail
2.9
Fail
3.0
Fail
—
White BG
15.9AAA
5.4AA
1.0Fail
8.8AAA
3.0Fail
Black BG
1.3Fail
3.9AA Large
20.4AAA
2.4Fail
7.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

25250B
707052
FEFEEC
5E5D0A
ABAB65

Deuteranopia

25260D
717254
FEFEED
656E0B
AFB468

Tritanopia

271112
745859
FFF0F1
8D0E0F
C46D6F

Achromatopsia

202020
6A6A6A
FBFBFB
3B3B3B
959595

Shades & Tints Shades & Tints

#272204

Dark
Light

#756A4A

Dark
Light

#FFFDE6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #272204;
  --color-2: #756a4a;
  --color-3: #fffde6;
  --color-4: #931806;
  --color-5: #c7875a;
}

SCSS

$color-1: #272204;
$color-2: #756a4a;
$color-3: #fffde6;
$color-4: #931806;
$color-5: #c7875a;

TAILWIND

colors: {
  'brand-1': '#272204',
  'brand-2': '#756a4a',
  'brand-3': '#fffde6',
  'brand-4': '#931806',
  'brand-5': '#c7875a',
}

RGB Array

[39, 34, 4], [117, 106, 74], [255, 253, 230], [147, 24, 6], [199, 135, 90]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #272204, #756A4A, #FFFDE6, #931806, #C7875A 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: #272204; --color-2: #756a4a; --color-3: #fffde6; --color-4: #931806; --color-5: #c7875a. 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