← Back to Editor

#D28501 · #897D03 · #2C6633 · #0E372F · #0B0800

sunset

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#D28501

Ochre · DarkGoldenRod · Amber Brown

HEX
#D28501
RGB
rgb(210, 133, 1)
HSL
hsl(38, 99%, 41%)
HSB
hsb(38, 100%, 82%)
CMYK
cmyk(0%, 37%, 100%, 18%)
Oklch
oklch(68.1% 0.148 69.3)

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

#897D03

Autumn Sage · Olive · Honey Gold

HEX
#897D03
RGB
rgb(137, 125, 3)
HSL
hsl(55, 96%, 27%)
HSB
hsb(55, 98%, 54%)
CMYK
cmyk(0%, 9%, 98%, 46%)
Oklch
oklch(58.2% 0.121 102.7)

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

#2C6633

Celadon · DarkSlateGray · Forest Green

HEX
#2C6633
RGB
rgb(44, 102, 51)
HSL
hsl(127, 40%, 29%)
HSB
hsb(127, 57%, 40%)
CMYK
cmyk(57%, 0%, 50%, 60%)
Oklch
oklch(45.8% 0.101 146.1)

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

#0E372F

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#0E372F
RGB
rgb(14, 55, 47)
HSL
hsl(168, 59%, 14%)
HSB
hsb(168, 75%, 22%)
CMYK
cmyk(75%, 0%, 15%, 78%)
Oklch
oklch(30.6% 0.047 177.5)

Traditional「Mineral Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#0B0800

Ochre · Black · Amber Gold

HEX
#0B0800
RGB
rgb(11, 8, 0)
HSL
hsl(44, 100%, 2%)
HSB
hsb(44, 100%, 4%)
CMYK
cmyk(0%, 27%, 100%, 96%)
Oklch
oklch(13.5% 0.028 98.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D28501
014DD0

Analogous

D01D01
D28501
B4D001

Triadic

D28501
01D084
8401D0

Split-Comp.

D28501
01B4D0
1D01D0

Tetradic

D28501
01D01D
014DD0
D001B4

Contrast Matrix WCAG 2.1 Contrast

D28501
897D03
2C6633
0E372F
0B0800
—
1.4
Fail
2.3
Fail
4.4
AA Large
6.8
AA
1.4
Fail
—
1.6
Fail
3.1
AA Large
4.8
AA
2.3
Fail
1.6
Fail
—
1.9
Fail
2.9
Fail
4.4
AA Large
3.1
AA Large
1.9
Fail
—
1.5
Fail
6.8
AA
4.8
AA
2.9
Fail
1.5
Fail
—
White BG
3.0Fail
4.2AA Large
6.9AA
13.1AAA
20.0AAA
Black BG
7.1AAA
5.0AA
3.1AA Large
1.6Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B1B021
848421
45463F
202031
0A0A02

Deuteranopia

B5BB29
858528
423D42
1D1A31
0A0A02

Tritanopia

CE3A40
88383D
2F494B
103233
0B0304

Achromatopsia

8D8D8D
737373
4F4F4F
2A2A2A
080808

Shades & Tints Shades & Tints

#D28501

Dark
Light

#897D03

Dark
Light

#2C6633

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d28501;
  --color-2: #897d03;
  --color-3: #2c6633;
  --color-4: #0e372f;
  --color-5: #0b0800;
}

SCSS

$color-1: #d28501;
$color-2: #897d03;
$color-3: #2c6633;
$color-4: #0e372f;
$color-5: #0b0800;

TAILWIND

colors: {
  'brand-1': '#d28501',
  'brand-2': '#897d03',
  'brand-3': '#2c6633',
  'brand-4': '#0e372f',
  'brand-5': '#0b0800',
}

RGB Array

[210, 133, 1], [137, 125, 3], [44, 102, 51], [14, 55, 47], [11, 8, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #D28501, #897D03, #2C6633, #0E372F, #0B0800 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: #d28501; --color-2: #897d03; --color-3: #2c6633; --color-4: #0e372f; --color-5: #0b0800. 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