← Back to Editor

#F1AD08 · #F1C64C · #EEEC8B · #8EC37F · #5BA184

dark

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

#F1AD08

Ochre · Orange · Honey Gold

HEX
#F1AD08
RGB
rgb(241, 173, 8)
HSL
hsl(42, 94%, 49%)
HSB
hsb(42, 97%, 95%)
CMYK
cmyk(0%, 28%, 97%, 5%)
Oklch
oklch(79.1% 0.163 79.9)

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

#F1C64C

Ginger · SandyBrown · Sunflower

HEX
#F1C64C
RGB
rgb(241, 198, 76)
HSL
hsl(44, 85%, 62%)
HSB
hsb(44, 68%, 95%)
CMYK
cmyk(0%, 18%, 68%, 5%)
Oklch
oklch(84.3% 0.144 89.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#EEEC8B

Fresh Green · Khaki · Sunflower

HEX
#EEEC8B
RGB
rgb(238, 236, 139)
HSL
hsl(59, 74%, 74%)
HSB
hsb(59, 42%, 93%)
CMYK
cmyk(0%, 1%, 42%, 7%)
Oklch
oklch(92.4% 0.120 107.5)

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

#8EC37F

Celadon · DarkSeaGreen · Apple Green

HEX
#8EC37F
RGB
rgb(142, 195, 127)
HSL
hsl(107, 36%, 63%)
HSB
hsb(107, 35%, 76%)
CMYK
cmyk(27%, 0%, 35%, 24%)
Oklch
oklch(76.3% 0.109 138.9)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#5BA184

Mineral Blue · CadetBlue · Olive Green

HEX
#5BA184
RGB
rgb(91, 161, 132)
HSL
hsl(155, 28%, 49%)
HSB
hsb(155, 43%, 63%)
CMYK
cmyk(43%, 0%, 18%, 37%)
Oklch
oklch(65.4% 0.084 165.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F1AD08
074EF2

Analogous

F23607
F1AD08
C3F207

Triadic

F1AD08
07F2AC
AC07F2

Split-Comp.

F1AD08
07C3F2
3607F2

Tetradic

F1AD08
07F236
074EF2
F207C3

Contrast Matrix WCAG 2.1 Contrast

F1AD08
F1C64C
EEEC8B
8EC37F
5BA184
—
1.2
Fail
1.6
Fail
1.0
Fail
1.6
Fail
1.2
Fail
—
1.3
Fail
1.3
Fail
1.9
Fail
1.6
Fail
1.3
Fail
—
1.7
Fail
2.5
Fail
1.0
Fail
1.3
Fail
1.7
Fail
—
1.5
Fail
1.6
Fail
1.9
Fail
2.5
Fail
1.5
Fail
—
White BG
2.0Fail
1.6Fail
1.2Fail
2.0Fail
3.1AA Large
Black BG
10.7AAA
12.9AAA
17.0AAA
10.3AAA
6.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D4D330
DEDE6A
EDEDA2
A5A58F
797A8B

Deuteranopia

D8DD3A
E1E471
EDEDA8
A29E93
75708D

Tritanopia

EE4F56
EF8186
EEB5B9
919C9F
5F9192

Achromatopsia

AFAFAF
C5C5C5
E2E2E2
ABABAB
898989

Shades & Tints Shades & Tints

#F1AD08

Dark
Light

#F1C64C

Dark
Light

#EEEC8B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f1ad08;
  --color-2: #f1c64c;
  --color-3: #eeec8b;
  --color-4: #8ec37f;
  --color-5: #5ba184;
}

SCSS

$color-1: #f1ad08;
$color-2: #f1c64c;
$color-3: #eeec8b;
$color-4: #8ec37f;
$color-5: #5ba184;

TAILWIND

colors: {
  'brand-1': '#f1ad08',
  'brand-2': '#f1c64c',
  'brand-3': '#eeec8b',
  'brand-4': '#8ec37f',
  'brand-5': '#5ba184',
}

RGB Array

[241, 173, 8], [241, 198, 76], [238, 236, 139], [142, 195, 127], [91, 161, 132]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #F1AD08, #F1C64C, #EEEC8B, #8EC37F, #5BA184 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #f1ad08; --color-2: #f1c64c; --color-3: #eeec8b; --color-4: #8ec37f; --color-5: #5ba184. 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. 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