← Back to Editor

#1E0A01 · #94380C · #B2450E · #DF7504 · #DCA104

sunset

A 5-color sunset palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#1E0A01

Tangerine · Black · Cinnamon

HEX
#1E0A01
RGB
rgb(30, 10, 1)
HSL
hsl(19, 94%, 6%)
HSB
hsb(19, 97%, 12%)
CMYK
cmyk(0%, 67%, 97%, 88%)
Oklch
oklch(17.4% 0.041 51.5)

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

#94380C

Tangerine · Brown · Amber Brown

HEX
#94380C
RGB
rgb(148, 56, 12)
HSL
hsl(19, 85%, 31%)
HSB
hsb(19, 92%, 58%)
CMYK
cmyk(0%, 62%, 92%, 42%)
Oklch
oklch(46.5% 0.134 41.5)

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

#B2450E

Tangerine · Sienna · Amber Brown

HEX
#B2450E
RGB
rgb(178, 69, 14)
HSL
hsl(20, 85%, 38%)
HSB
hsb(20, 92%, 70%)
CMYK
cmyk(0%, 61%, 92%, 30%)
Oklch
oklch(53.2% 0.154 41.9)

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

#DF7504

Ochre · Chocolate · Amber Brown

HEX
#DF7504
RGB
rgb(223, 117, 4)
HSL
hsl(31, 96%, 45%)
HSB
hsb(31, 98%, 87%)
CMYK
cmyk(0%, 48%, 98%, 13%)
Oklch
oklch(67.1% 0.164 55.6)

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

#DCA104

Ochre · GoldenRod · Honey Gold

HEX
#DCA104
RGB
rgb(220, 161, 4)
HSL
hsl(44, 96%, 44%)
HSB
hsb(44, 98%, 86%)
CMYK
cmyk(0%, 27%, 98%, 14%)
Oklch
oklch(74.5% 0.153 82.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1E0A01
01151E

Analogous

1E0106
1E0A01
1E1801

Triadic

1E0A01
011E0A
0A011E

Split-Comp.

1E0A01
011E18
01061E

Tetradic

1E0A01
061E01
01151E
18011E

Contrast Matrix WCAG 2.1 Contrast

1E0A01
94380C
B2450E
DF7504
DCA104
—
2.6
Fail
3.4
AA Large
6.1
AA
8.3
AAA
2.6
Fail
—
1.3
Fail
2.4
Fail
3.2
AA Large
3.4
AA Large
1.3
Fail
—
1.8
Fail
2.4
Fail
6.1
AA
2.4
Fail
1.8
Fail
—
1.4
Fail
8.3
AAA
3.2
AA Large
2.4
Fail
1.4
Fail
—
White BG
19.1AAA
7.4AAA
5.6AA
3.1AA Large
2.3Fail
Black BG
1.1Fail
2.8Fail
3.8AA Large
6.7AA
9.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

151503
6C6B17
83821B
B1B01F
C2C22A

Deuteranopia

171804
727819
89911F
B7BF26
C6CA33

Tritanopia

1D0505
8F1F21
AD2628
DA353A
D9484F

Achromatopsia

0F0F0F
4E4E4E
5F5F5F
888888
A1A1A1

Shades & Tints Shades & Tints

#1E0A01

Dark
Light

#94380C

Dark
Light

#B2450E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1e0a01;
  --color-2: #94380c;
  --color-3: #b2450e;
  --color-4: #df7504;
  --color-5: #dca104;
}

SCSS

$color-1: #1e0a01;
$color-2: #94380c;
$color-3: #b2450e;
$color-4: #df7504;
$color-5: #dca104;

TAILWIND

colors: {
  'brand-1': '#1e0a01',
  'brand-2': '#94380c',
  'brand-3': '#b2450e',
  'brand-4': '#df7504',
  'brand-5': '#dca104',
}

RGB Array

[30, 10, 1], [148, 56, 12], [178, 69, 14], [223, 117, 4], [220, 161, 4]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #1E0A01, #94380C, #B2450E, #DF7504, #DCA104 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. 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: #1e0a01; --color-2: #94380c; --color-3: #b2450e; --color-4: #df7504; --color-5: #dca104. 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. 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 sunset-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