← Back to Editor

#FFEB38 · #D0C22E · #131200 · #FFFCF7 · #0C0B0D

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

#FFEB38

Fresh Green · Yellow · Sunflower

HEX
#FFEB38
RGB
rgb(255, 235, 56)
HSL
hsl(54, 100%, 61%)
HSB
hsb(54, 78%, 100%)
CMYK
cmyk(0%, 8%, 78%, 0%)
Oklch
oklch(92.8% 0.182 102.6)

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

#D0C22E

Autumn Sage · GoldenRod · Honey Gold

HEX
#D0C22E
RGB
rgb(208, 194, 46)
HSL
hsl(55, 64%, 50%)
HSB
hsb(55, 78%, 82%)
CMYK
cmyk(0%, 7%, 78%, 18%)
Oklch
oklch(80.2% 0.157 103.7)

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

#131200

Autumn Sage · Black · Amber Gold

HEX
#131200
RGB
rgb(19, 18, 0)
HSL
hsl(57, 100%, 4%)
HSB
hsb(57, 100%, 7%)
CMYK
cmyk(0%, 5%, 100%, 93%)
Oklch
oklch(17.8% 0.038 107.3)

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

#FFFCF7

Goose Yellow · Snow · Peach Orange

HEX
#FFFCF7
RGB
rgb(255, 252, 247)
HSL
hsl(38, 100%, 98%)
HSB
hsb(38, 3%, 100%)
CMYK
cmyk(0%, 1%, 3%, 0%)
Oklch
oklch(99.2% 0.007 80.7)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#0C0B0D

Dark Plum · Black · Jet Black

HEX
#0C0B0D
RGB
rgb(12, 11, 13)
HSL
hsl(270, 8%, 5%)
HSB
hsb(270, 15%, 5%)
CMYK
cmyk(8%, 15%, 0%, 95%)
Oklch
oklch(15.2% 0.005 308.1)

Traditional「Dark Plum」· Paint「Jet Black」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFEB38
384CFF

Analogous

FF8838
FFEB38
AFFF38

Triadic

FFEB38
38FFEB
EB38FF

Split-Comp.

FFEB38
38AFFF
8838FF

Tetradic

FFEB38
38FF88
384CFF
FF38AF

Contrast Matrix WCAG 2.1 Contrast

FFEB38
D0C22E
131200
FFFCF7
0C0B0D
—
1.5
Fail
15.4
AAA
1.2
Fail
16.1
AAA
1.5
Fail
—
10.3
AAA
1.8
Fail
10.7
AAA
15.4
AAA
10.3
AAA
—
18.4
AAA
1.0
Fail
1.2
Fail
1.8
Fail
18.4
AAA
—
19.2
AAA
16.1
AAA
10.7
AAA
1.0
Fail
19.2
AAA
—
White BG
1.2Fail
1.8Fail
18.8AAA
1.0Fail
19.6AAA
Black BG
17.2AAA
11.4AAA
1.1Fail
20.5AAA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F6F663
CACA52
131304
FEFEF8
0C0C0D

Deuteranopia

F8F96E
CBCC5A
131305
FEFEF8
0C0C0C

Tritanopia

FE868D
CF6E74
130809
FFF9F9
0C0C0C

Achromatopsia

DDDDDD
B5B5B5
101010
FCFCFC
0C0C0C

Shades & Tints Shades & Tints

#FFEB38

Dark
Light

#D0C22E

Dark
Light

#131200

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffeb38;
  --color-2: #d0c22e;
  --color-3: #131200;
  --color-4: #fffcf7;
  --color-5: #0c0b0d;
}

SCSS

$color-1: #ffeb38;
$color-2: #d0c22e;
$color-3: #131200;
$color-4: #fffcf7;
$color-5: #0c0b0d;

TAILWIND

colors: {
  'brand-1': '#ffeb38',
  'brand-2': '#d0c22e',
  'brand-3': '#131200',
  'brand-4': '#fffcf7',
  'brand-5': '#0c0b0d',
}

RGB Array

[255, 235, 56], [208, 194, 46], [19, 18, 0], [255, 252, 247], [12, 11, 13]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFEB38, #D0C22E, #131200, #FFFCF7, #0C0B0D 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: #ffeb38; --color-2: #d0c22e; --color-3: #131200; --color-4: #fffcf7; --color-5: #0c0b0d. 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 general-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