← Back to Editor

#FFD91F · #FFB41D · #F78E11 · #69203D · #0F042F

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

Color Details Color Details

#FFD91F

Autumn Sage · Gold · Sunflower

HEX
#FFD91F
RGB
rgb(255, 217, 31)
HSL
hsl(50, 100%, 56%)
HSB
hsb(50, 88%, 100%)
CMYK
cmyk(0%, 15%, 88%, 0%)
Oklch
oklch(89.1% 0.178 95.7)

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

#FFB41D

Ginger · Orange · Sunflower

HEX
#FFB41D
RGB
rgb(255, 180, 29)
HSL
hsl(40, 100%, 56%)
HSB
hsb(40, 89%, 100%)
CMYK
cmyk(0%, 29%, 89%, 0%)
Oklch
oklch(82.0% 0.166 77.4)

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

#F78E11

Ginger · Orange · Warm Sun

HEX
#F78E11
RGB
rgb(247, 142, 17)
HSL
hsl(33, 93%, 52%)
HSB
hsb(33, 93%, 97%)
CMYK
cmyk(0%, 43%, 93%, 3%)
Oklch
oklch(74.4% 0.170 60.7)

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

#69203D

Dark Violet · Brown · Camellia

HEX
#69203D
RGB
rgb(105, 32, 61)
HSL
hsl(336, 53%, 27%)
HSB
hsb(336, 70%, 41%)
CMYK
cmyk(0%, 70%, 42%, 59%)
Oklch
oklch(36.6% 0.108 359.4)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#0F042F

Deep Indigo · Black · Deep Sea Blue

HEX
#0F042F
RGB
rgb(15, 4, 47)
HSL
hsl(255, 84%, 10%)
HSB
hsb(255, 91%, 18%)
CMYK
cmyk(68%, 91%, 0%, 82%)
Oklch
oklch(16.7% 0.081 286.8)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFD91F
1F44FF

Analogous

FF691F
FFD91F
B4FF1F

Triadic

FFD91F
1FFFDA
DA1FFF

Split-Comp.

FFD91F
1FB4FF
691FFF

Tetradic

FFD91F
1FFF69
1F44FF
FF1FB4

Contrast Matrix WCAG 2.1 Contrast

FFD91F
FFB41D
F78E11
69203D
0F042F
—
1.3
Fail
1.7
Fail
8.1
AAA
14.1
AAA
1.3
Fail
—
1.3
Fail
6.3
AA
10.9
AAA
1.7
Fail
1.3
Fail
—
4.7
AA
8.2
AAA
8.1
AAA
6.3
AA
4.7
AA
—
1.7
Fail
14.1
AAA
10.9
AAA
8.2
AAA
1.7
Fail
—
White BG
1.4Fail
1.8Fail
2.4Fail
11.2AAA
19.5AAA
Black BG
15.2AAA
11.8AAA
8.8AAA
1.9Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEE4C
DFDE42
CAC92F
494936
0A0A25

Deuteranopia

F1F457
E3E94A
D0D737
4E5334
0B0C22

Tritanopia

FD7077
FB5E65
F2474C
65302F
0E1C1B

Achromatopsia

CFCFCF
B9B9B9
9F9F9F
393939
0C0C0C

Shades & Tints Shades & Tints

#FFD91F

Dark
Light

#FFB41D

Dark
Light

#F78E11

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffd91f;
  --color-2: #ffb41d;
  --color-3: #f78e11;
  --color-4: #69203d;
  --color-5: #0f042f;
}

SCSS

$color-1: #ffd91f;
$color-2: #ffb41d;
$color-3: #f78e11;
$color-4: #69203d;
$color-5: #0f042f;

TAILWIND

colors: {
  'brand-1': '#ffd91f',
  'brand-2': '#ffb41d',
  'brand-3': '#f78e11',
  'brand-4': '#69203d',
  'brand-5': '#0f042f',
}

RGB Array

[255, 217, 31], [255, 180, 29], [247, 142, 17], [105, 32, 61], [15, 4, 47]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #FFD91F, #FFB41D, #F78E11, #69203D, #0F042F 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: #ffd91f; --color-2: #ffb41d; --color-3: #f78e11; --color-4: #69203d; --color-5: #0f042f. 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