← Back to Editor

#FE5607 · #1F0F06 · #FAF5F2 · #33150E · #99270C

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

#FE5607

Tangerine · OrangeRed · Warm Sun

HEX
#FE5607
RGB
rgb(254, 86, 7)
HSL
hsl(19, 99%, 51%)
HSB
hsb(19, 97%, 100%)
CMYK
cmyk(0%, 66%, 97%, 0%)
Oklch
oklch(67.6% 0.215 38.8)

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

#1F0F06

Tangerine · Black · Cinnamon

HEX
#1F0F06
RGB
rgb(31, 15, 6)
HSL
hsl(22, 68%, 7%)
HSB
hsb(22, 81%, 12%)
CMYK
cmyk(0%, 52%, 81%, 88%)
Oklch
oklch(18.9% 0.032 50.7)

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

#FAF5F2

Apricot · SeaShell · Peach Orange

HEX
#FAF5F2
RGB
rgb(250, 245, 242)
HSL
hsl(23, 44%, 96%)
HSB
hsb(23, 3%, 98%)
CMYK
cmyk(0%, 2%, 3%, 2%)
Oklch
oklch(97.3% 0.007 53.4)

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

#33150E

Crimson · Black · Deep Berry

HEX
#33150E
RGB
rgb(51, 21, 14)
HSL
hsl(11, 57%, 13%)
HSB
hsb(11, 73%, 20%)
CMYK
cmyk(0%, 59%, 73%, 80%)
Oklch
oklch(23.9% 0.051 34.3)

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

#99270C

Vermilion · Brown · Wine Red

HEX
#99270C
RGB
rgb(153, 39, 12)
HSL
hsl(11, 85%, 32%)
HSB
hsb(11, 92%, 60%)
CMYK
cmyk(0%, 75%, 92%, 40%)
Oklch
oklch(45.3% 0.154 33.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FE5607
06AFFE

Analogous

FE0634
FE5607
FED006

Triadic

FE5607
06FE55
5506FE

Split-Comp.

FE5607
06FED0
0634FE

Tetradic

FE5607
34FE06
06AFFE
D006FE

Contrast Matrix WCAG 2.1 Contrast

FE5607
1F0F06
FAF5F2
33150E
99270C
—
5.8
AA
3.0
Fail
5.2
AA
2.5
Fail
5.8
AA
—
17.2
AAA
1.1
Fail
2.3
Fail
3.0
Fail
17.2
AAA
—
15.5
AAA
7.3
AAA
5.2
AA
1.1
Fail
15.5
AAA
—
2.1
Fail
2.5
Fail
2.3
Fail
7.3
AAA
2.1
Fail
—
White BG
3.2AA Large
18.6AAA
1.1Fail
16.7AAA
7.9AAA
Black BG
6.5AA
1.1Fail
19.4AAA
1.3Fail
2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B5B41A
181808
F8F8F3
262610
686713

Deuteranopia

BFCC1F
191A09
F8F9F3
282A10
6E7714

Tritanopia

F6292D
1E0A0A
FAF3F3
311111
931819

Achromatopsia

7F7F7F
131313
F6F6F6
1D1D1D
464646

Shades & Tints Shades & Tints

#FE5607

Dark
Light

#1F0F06

Dark
Light

#FAF5F2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fe5607;
  --color-2: #1f0f06;
  --color-3: #faf5f2;
  --color-4: #33150e;
  --color-5: #99270c;
}

SCSS

$color-1: #fe5607;
$color-2: #1f0f06;
$color-3: #faf5f2;
$color-4: #33150e;
$color-5: #99270c;

TAILWIND

colors: {
  'brand-1': '#fe5607',
  'brand-2': '#1f0f06',
  'brand-3': '#faf5f2',
  'brand-4': '#33150e',
  'brand-5': '#99270c',
}

RGB Array

[254, 86, 7], [31, 15, 6], [250, 245, 242], [51, 21, 14], [153, 39, 12]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FE5607, #1F0F06, #FAF5F2, #33150E, #99270C is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #fe5607; --color-2: #1f0f06; --color-3: #faf5f2; --color-4: #33150e; --color-5: #99270c. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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