← Back to Editor

#2F2015 · #889E2F · #D4B52F · #D98541 · #E66045

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 AppData Visualization

Color Details Color Details

#2F2015

Tangerine · Black · Cinnamon

HEX
#2F2015
RGB
rgb(47, 32, 21)
HSL
hsl(25, 38%, 13%)
HSB
hsb(25, 55%, 18%)
CMYK
cmyk(0%, 32%, 55%, 82%)
Oklch
oklch(25.9% 0.030 57.2)

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

#889E2F

Grass Green · Olive · Forest Green

HEX
#889E2F
RGB
rgb(136, 158, 47)
HSL
hsl(72, 54%, 40%)
HSB
hsb(72, 70%, 62%)
CMYK
cmyk(14%, 0%, 70%, 38%)
Oklch
oklch(66.1% 0.136 120.0)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#D4B52F

Ginger · GoldenRod · Sunflower

HEX
#D4B52F
RGB
rgb(212, 181, 47)
HSL
hsl(49, 66%, 51%)
HSB
hsb(49, 78%, 83%)
CMYK
cmyk(0%, 15%, 78%, 17%)
Oklch
oklch(77.8% 0.147 95.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#D98541

Tangerine · Coral · Warm Sun

HEX
#D98541
RGB
rgb(217, 133, 65)
HSL
hsl(27, 67%, 55%)
HSB
hsb(27, 70%, 85%)
CMYK
cmyk(0%, 39%, 70%, 15%)
Oklch
oklch(69.3% 0.132 57.0)

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

#E66045

Vermilion · Tomato · Passion Red

HEX
#E66045
RGB
rgb(230, 96, 69)
HSL
hsl(10, 76%, 59%)
HSB
hsb(10, 70%, 90%)
CMYK
cmyk(0%, 58%, 70%, 10%)
Oklch
oklch(65.4% 0.172 33.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2F2015
15232E

Analogous

2E1517
2F2015
2E2C15

Triadic

2F2015
152E1F
1F152E

Split-Comp.

2F2015
152E2C
15172E

Tetradic

2F2015
172E15
15232E
2C152E

Contrast Matrix WCAG 2.1 Contrast

2F2015
889E2F
D4B52F
D98541
E66045
—
5.2
AA
7.8
AAA
5.5
AA
4.6
AA
5.2
AA
—
1.5
Fail
1.1
Fail
1.1
Fail
7.8
AAA
1.5
Fail
—
1.4
Fail
1.7
Fail
5.5
AA
1.1
Fail
1.4
Fail
—
1.2
Fail
4.6
AA
1.1
Fail
1.7
Fail
1.2
Fail
—
White BG
15.7AAA
3.0AA Large
2.0Fail
2.8Fail
3.4AA Large
Black BG
1.3Fail
7.0AA
10.5AAA
7.4AAA
6.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

292818
92924A
C7C64F
B5B451
ACAB4C

Deuteranopia

292B18
908F50
C8CB57
BAC055
B4BE4D

Tritanopia

2E1A1A
895F64
D2696F
D55E61
DF5152

Achromatopsia

232323
8B8B8B
AFAFAF
969696
858585

Shades & Tints Shades & Tints

#2F2015

Dark
Light

#889E2F

Dark
Light

#D4B52F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2f2015;
  --color-2: #889e2f;
  --color-3: #d4b52f;
  --color-4: #d98541;
  --color-5: #e66045;
}

SCSS

$color-1: #2f2015;
$color-2: #889e2f;
$color-3: #d4b52f;
$color-4: #d98541;
$color-5: #e66045;

TAILWIND

colors: {
  'brand-1': '#2f2015',
  'brand-2': '#889e2f',
  'brand-3': '#d4b52f',
  'brand-4': '#d98541',
  'brand-5': '#e66045',
}

RGB Array

[47, 32, 21], [136, 158, 47], [212, 181, 47], [217, 133, 65], [230, 96, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #2F2015, #889E2F, #D4B52F, #D98541, #E66045 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: #2f2015; --color-2: #889e2f; --color-3: #d4b52f; --color-4: #d98541; --color-5: #e66045. 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 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