← Back to Editor

#FCE535 · #D4B50D · #1D7A58 · #06324B · #011724

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

#FCE535

Autumn Sage · Gold · Sunflower

HEX
#FCE535
RGB
rgb(252, 229, 53)
HSL
hsl(53, 97%, 60%)
HSB
hsb(53, 79%, 99%)
CMYK
cmyk(0%, 9%, 79%, 1%)
Oklch
oklch(91.3% 0.179 101.3)

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

#D4B50D

Autumn Sage · GoldenRod · Honey Gold

HEX
#D4B50D
RGB
rgb(212, 181, 13)
HSL
hsl(51, 88%, 44%)
HSB
hsb(51, 94%, 83%)
CMYK
cmyk(0%, 15%, 94%, 17%)
Oklch
oklch(77.7% 0.158 96.5)

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

#1D7A58

Mineral Blue · SeaGreen · Forest Green

HEX
#1D7A58
RGB
rgb(29, 122, 88)
HSL
hsl(158, 62%, 30%)
HSB
hsb(158, 76%, 48%)
CMYK
cmyk(76%, 0%, 28%, 52%)
Oklch
oklch(51.8% 0.101 163.6)

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

#06324B

Lake Blue · MidnightBlue · Deep Sea Blue

HEX
#06324B
RGB
rgb(6, 50, 75)
HSL
hsl(202, 85%, 16%)
HSB
hsb(202, 92%, 29%)
CMYK
cmyk(92%, 33%, 0%, 71%)
Oklch
oklch(30.3% 0.064 239.8)

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

#011724

Lake Blue · Black · Deep Sea Blue

HEX
#011724
RGB
rgb(1, 23, 36)
HSL
hsl(202, 95%, 7%)
HSB
hsb(202, 97%, 14%)
CMYK
cmyk(97%, 36%, 0%, 86%)
Oklch
oklch(19.4% 0.040 236.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCE535
364DFC

Analogous

FC8236
FCE535
B0FC36

Triadic

FCE535
36FCE5
E536FC

Split-Comp.

FCE535
36B0FC
8236FC

Tetradic

FCE535
36FC82
364DFC
FC36B0

Contrast Matrix WCAG 2.1 Contrast

FCE535
D4B50D
1D7A58
06324B
011724
—
1.6
Fail
4.1
AA Large
10.5
AAA
14.3
AAA
1.6
Fail
—
2.6
Fail
6.7
AA
9.1
AAA
4.1
AA Large
2.6
Fail
—
2.5
Fail
3.5
AA Large
10.5
AAA
6.7
AA
2.5
Fail
—
1.4
Fail
14.3
AAA
9.1
AAA
3.5
AA Large
1.4
Fail
—
White BG
1.3Fail
2.0Fail
5.3AA
13.4AAA
18.3AAA
Black BG
16.4AAA
10.4AAA
4.0AA Large
1.6Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F2F260
C7C636
454660
191945
0B0B21

Deuteranopia

F3F56A
C8CB3F
403962
171344
090820

Tritanopia

FB8189
D2565D
226768
08403F
021E1E

Achromatopsia

D8D8D8
ABABAB
5A5A5A
282828
121212

Shades & Tints Shades & Tints

#FCE535

Dark
Light

#D4B50D

Dark
Light

#1D7A58

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fce535;
  --color-2: #d4b50d;
  --color-3: #1d7a58;
  --color-4: #06324b;
  --color-5: #011724;
}

SCSS

$color-1: #fce535;
$color-2: #d4b50d;
$color-3: #1d7a58;
$color-4: #06324b;
$color-5: #011724;

TAILWIND

colors: {
  'brand-1': '#fce535',
  'brand-2': '#d4b50d',
  'brand-3': '#1d7a58',
  'brand-4': '#06324b',
  'brand-5': '#011724',
}

RGB Array

[252, 229, 53], [212, 181, 13], [29, 122, 88], [6, 50, 75], [1, 23, 36]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCE535, #D4B50D, #1D7A58, #06324B, #011724 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: #fce535; --color-2: #d4b50d; --color-3: #1d7a58; --color-4: #06324b; --color-5: #011724. 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 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