← Back to Editor

#1C1326 · #FD6C29 · #FCE056 · #F0E07D · #40A18C

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

#1C1326

Deep Indigo · Black · Dark Purple

HEX
#1C1326
RGB
rgb(28, 19, 38)
HSL
hsl(268, 33%, 11%)
HSB
hsb(268, 50%, 15%)
CMYK
cmyk(26%, 50%, 0%, 85%)
Oklch
oklch(20.8% 0.039 305.1)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#FD6C29

Tangerine · Tomato · Warm Sun

HEX
#FD6C29
RGB
rgb(253, 108, 41)
HSL
hsl(19, 98%, 58%)
HSB
hsb(19, 84%, 99%)
CMYK
cmyk(0%, 57%, 84%, 1%)
Oklch
oklch(70.2% 0.192 42.0)

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

#FCE056

Fresh Green · Khaki · Sunflower

HEX
#FCE056
RGB
rgb(252, 224, 86)
HSL
hsl(50, 97%, 66%)
HSB
hsb(50, 66%, 99%)
CMYK
cmyk(0%, 11%, 66%, 1%)
Oklch
oklch(90.5% 0.156 97.7)

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

#F0E07D

Fresh Green · Khaki · Sunflower

HEX
#F0E07D
RGB
rgb(240, 224, 125)
HSL
hsl(52, 79%, 72%)
HSB
hsb(52, 48%, 94%)
CMYK
cmyk(0%, 7%, 48%, 6%)
Oklch
oklch(89.9% 0.122 100.3)

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

#40A18C

Mineral Blue · MediumSeaGreen · Mint Ice

HEX
#40A18C
RGB
rgb(64, 161, 140)
HSL
hsl(167, 43%, 44%)
HSB
hsb(167, 60%, 63%)
CMYK
cmyk(60%, 0%, 13%, 37%)
Oklch
oklch(64.6% 0.096 176.4)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1C1326
1D2513

Analogous

131325
1C1326
251325

Triadic

1C1326
251B13
13251B

Split-Comp.

1C1326
252513
132513

Tetradic

1C1326
251313
1D2513
132525

Contrast Matrix WCAG 2.1 Contrast

1C1326
FD6C29
FCE056
F0E07D
40A18C
—
6.3
AA
13.6
AAA
13.4
AAA
5.7
AA
6.3
AA
—
2.2
Fail
2.1
Fail
1.1
Fail
13.6
AAA
2.2
Fail
—
1.0
Fail
2.4
Fail
13.4
AAA
2.1
Fail
1.0
Fail
—
2.3
Fail
5.7
AA
1.1
Fail
2.4
Fail
2.3
Fail
—
White BG
17.9AAA
2.9Fail
1.3Fail
1.3Fail
3.1AA Large
Black BG
1.2Fail
7.4AAA
15.9AAA
15.7AAA
6.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

181821
BEBD39
F0F077
E9E995
6A6B91

Deuteranopia

191920
C7D23D
F2F47F
EAEB9B
645D92

Tritanopia

1C1E1D
F64649
FB9298
EFA8AC
459596

Achromatopsia

181818
909090
D9D9D9
D9D9D9
828282

Shades & Tints Shades & Tints

#1C1326

Dark
Light

#FD6C29

Dark
Light

#FCE056

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1c1326;
  --color-2: #fd6c29;
  --color-3: #fce056;
  --color-4: #f0e07d;
  --color-5: #40a18c;
}

SCSS

$color-1: #1c1326;
$color-2: #fd6c29;
$color-3: #fce056;
$color-4: #f0e07d;
$color-5: #40a18c;

TAILWIND

colors: {
  'brand-1': '#1c1326',
  'brand-2': '#fd6c29',
  'brand-3': '#fce056',
  'brand-4': '#f0e07d',
  'brand-5': '#40a18c',
}

RGB Array

[28, 19, 38], [253, 108, 41], [252, 224, 86], [240, 224, 125], [64, 161, 140]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1C1326, #FD6C29, #FCE056, #F0E07D, #40A18C 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: #1c1326; --color-2: #fd6c29; --color-3: #fce056; --color-4: #f0e07d; --color-5: #40a18c. 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