← Back to Editor

#0E0903 · #FFF6FF · #4E4F15 · #A69308 · #DACE48

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

#0E0903

Ochre · Black · Cinnamon

HEX
#0E0903
RGB
rgb(14, 9, 3)
HSL
hsl(33, 65%, 3%)
HSB
hsb(33, 79%, 5%)
CMYK
cmyk(0%, 36%, 79%, 95%)
Oklch
oklch(14.4% 0.019 79.4)

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

#FFF6FF

Mauve · Snow · Lavender

HEX
#FFF6FF
RGB
rgb(255, 246, 255)
HSL
hsl(300, 100%, 98%)
HSB
hsb(300, 4%, 100%)
CMYK
cmyk(0%, 4%, 0%, 0%)
Oklch
oklch(98.3% 0.015 325.7)

Traditional「Mauve」· Paint「Lavender」· Creative Rose Petal

#4E4F15

Autumn Sage · DarkOliveGreen · Amber Gold

HEX
#4E4F15
RGB
rgb(78, 79, 21)
HSL
hsl(61, 58%, 20%)
HSB
hsb(61, 73%, 31%)
CMYK
cmyk(1%, 0%, 73%, 69%)
Oklch
oklch(41.4% 0.078 110.3)

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

#A69308

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#A69308
RGB
rgb(166, 147, 8)
HSL
hsl(53, 91%, 34%)
HSB
hsb(53, 95%, 65%)
CMYK
cmyk(0%, 11%, 95%, 35%)
Oklch
oklch(66.0% 0.136 99.9)

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

#DACE48

Autumn Sage · SandyBrown · Sunflower

HEX
#DACE48
RGB
rgb(218, 206, 72)
HSL
hsl(55, 66%, 57%)
HSB
hsb(55, 67%, 85%)
CMYK
cmyk(0%, 6%, 67%, 15%)
Oklch
oklch(83.7% 0.151 104.2)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0E0903
03070D

Analogous

0D0303
0E0903
0C0D03

Triadic

0E0903
030D08
08030D

Split-Comp.

0E0903
030C0D
03030D

Tetradic

0E0903
030D03
03070D
0D030C

Contrast Matrix WCAG 2.1 Contrast

0E0903
FFF6FF
4E4F15
A69308
DACE48
—
18.8
AAA
2.3
Fail
6.4
AA
12.2
AAA
18.8
AAA
—
8.1
AAA
2.9
Fail
1.5
Fail
2.3
Fail
8.1
AAA
—
2.8
Fail
5.3
AA
6.4
AA
2.9
Fail
2.8
Fail
—
1.9
Fail
12.2
AAA
1.5
Fail
5.3
AA
1.9
Fail
—
White BG
19.8AAA
1.1Fail
8.6AAA
3.1AA Large
1.6Fail
Black BG
1.1Fail
19.9AAA
2.5Fail
6.8AA
12.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

0C0C04
FBFBFD
4E4E23
9E9E2A
D5D568

Deuteranopia

0C0C05
FCFCFC
4E4E26
9FA032
D6D670

Tritanopia

0E0606
FFFBFB
4E2E31
A5444A
D98288

Achromatopsia

0A0A0A
FAFAFA
484848
898989
C2C2C2

Shades & Tints Shades & Tints

#0E0903

Dark
Light

#FFF6FF

Dark
Light

#4E4F15

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0e0903;
  --color-2: #fff6ff;
  --color-3: #4e4f15;
  --color-4: #a69308;
  --color-5: #dace48;
}

SCSS

$color-1: #0e0903;
$color-2: #fff6ff;
$color-3: #4e4f15;
$color-4: #a69308;
$color-5: #dace48;

TAILWIND

colors: {
  'brand-1': '#0e0903',
  'brand-2': '#fff6ff',
  'brand-3': '#4e4f15',
  'brand-4': '#a69308',
  'brand-5': '#dace48',
}

RGB Array

[14, 9, 3], [255, 246, 255], [78, 79, 21], [166, 147, 8], [218, 206, 72]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #0E0903, #FFF6FF, #4E4F15, #A69308, #DACE48 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: #0e0903; --color-2: #fff6ff; --color-3: #4e4f15; --color-4: #a69308; --color-5: #dace48. 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