← Back to Editor

#FFFFA7 · #D4AE31 · #5C2F18 · #0D0502 · #1E7840

dark

A 5-color dark 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

#FFFFA7

Fresh Green · Wheat · Lemon Cream

HEX
#FFFFA7
RGB
rgb(255, 255, 167)
HSL
hsl(60, 100%, 83%)
HSB
hsb(60, 35%, 100%)
CMYK
cmyk(0%, 0%, 35%, 0%)
Oklch
oklch(98.1% 0.109 108.3)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#D4AE31

Ginger · GoldenRod · Sunflower

HEX
#D4AE31
RGB
rgb(212, 174, 49)
HSL
hsl(46, 65%, 51%)
HSB
hsb(46, 77%, 83%)
CMYK
cmyk(0%, 18%, 77%, 17%)
Oklch
oklch(76.4% 0.142 91.0)

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

#5C2F18

Tangerine · Maroon · Cinnamon

HEX
#5C2F18
RGB
rgb(92, 47, 24)
HSL
hsl(20, 59%, 23%)
HSB
hsb(20, 74%, 36%)
CMYK
cmyk(0%, 49%, 74%, 64%)
Oklch
oklch(35.9% 0.074 46.3)

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

#0D0502

Tangerine · Black · Cinnamon

HEX
#0D0502
RGB
rgb(13, 5, 2)
HSL
hsl(16, 73%, 3%)
HSB
hsb(16, 85%, 5%)
CMYK
cmyk(0%, 62%, 85%, 95%)
Oklch
oklch(12.7% 0.021 52.3)

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

#1E7840

Pine Green · SeaGreen · Forest Green

HEX
#1E7840
RGB
rgb(30, 120, 64)
HSL
hsl(143, 60%, 29%)
HSB
hsb(143, 75%, 47%)
CMYK
cmyk(75%, 0%, 47%, 53%)
Oklch
oklch(50.7% 0.121 151.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFFFA7
A8A8FF

Analogous

FFD4A8
FFFFA7
D4FFA8

Triadic

FFFFA7
A8FFFF
FFA8FF

Split-Comp.

FFFFA7
A8D4FF
D4A8FF

Tetradic

FFFFA7
A8FFD4
A8A8FF
FFA8D4

Contrast Matrix WCAG 2.1 Contrast

FFFFA7
D4AE31
5C2F18
0D0502
1E7840
—
2.0
Fail
10.7
AAA
19.3
AAA
5.3
AA
2.0
Fail
—
5.3
AA
9.5
AAA
2.6
Fail
10.7
AAA
5.3
AA
—
1.8
Fail
2.0
Fail
19.3
AAA
9.5
AAA
1.8
Fail
—
3.7
AA Large
5.3
AA
2.6
Fail
2.0
Fail
3.7
AA Large
—
White BG
1.0Fail
2.1Fail
11.2AAA
20.2AAA
5.5AA
Black BG
20.1AAA
9.9AAA
1.9Fail
1.0Fail
3.8AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

FFFFBC
C4C34F
49481E
0A0903
45464E

Deuteranopia

FFFFC1
C6C957
4B4E1F
0A0B03
403951

Tritanopia

FFCDD1
D2676C
5A2223
0D0303
23585B

Achromatopsia

F5F5F5
ABABAB
3A3A3A
070707
575757

Shades & Tints Shades & Tints

#FFFFA7

Dark
Light

#D4AE31

Dark
Light

#5C2F18

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffffa7;
  --color-2: #d4ae31;
  --color-3: #5c2f18;
  --color-4: #0d0502;
  --color-5: #1e7840;
}

SCSS

$color-1: #ffffa7;
$color-2: #d4ae31;
$color-3: #5c2f18;
$color-4: #0d0502;
$color-5: #1e7840;

TAILWIND

colors: {
  'brand-1': '#ffffa7',
  'brand-2': '#d4ae31',
  'brand-3': '#5c2f18',
  'brand-4': '#0d0502',
  'brand-5': '#1e7840',
}

RGB Array

[255, 255, 167], [212, 174, 49], [92, 47, 24], [13, 5, 2], [30, 120, 64]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #FFFFA7, #D4AE31, #5C2F18, #0D0502, #1E7840 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #ffffa7; --color-2: #d4ae31; --color-3: #5c2f18; --color-4: #0d0502; --color-5: #1e7840. 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. 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 dark-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