← Back to Editor

#1C1E2A · #2FA58B · #B4ECA1 · #F7FFC4 · #F47D1F

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

#1C1E2A

Indigo · Black · Deep Sea Blue

HEX
#1C1E2A
RGB
rgb(28, 30, 42)
HSL
hsl(231, 20%, 14%)
HSB
hsb(231, 33%, 16%)
CMYK
cmyk(33%, 29%, 0%, 84%)
Oklch
oklch(23.9% 0.023 277.1)

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

#2FA58B

Mineral Blue · MediumSeaGreen · Mint Ice

HEX
#2FA58B
RGB
rgb(47, 165, 139)
HSL
hsl(167, 56%, 42%)
HSB
hsb(167, 72%, 65%)
CMYK
cmyk(72%, 0%, 16%, 35%)
Oklch
oklch(65.1% 0.110 174.6)

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

#B4ECA1

Emerald · LightGreen · Apple Green

HEX
#B4ECA1
RGB
rgb(180, 236, 161)
HSL
hsl(105, 66%, 78%)
HSB
hsb(105, 32%, 93%)
CMYK
cmyk(24%, 0%, 32%, 7%)
Oklch
oklch(88.6% 0.115 138.0)

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

#F7FFC4

Fresh Green · Beige · Lemon Cream

HEX
#F7FFC4
RGB
rgb(247, 255, 196)
HSL
hsl(68, 100%, 88%)
HSB
hsb(68, 23%, 100%)
CMYK
cmyk(3%, 0%, 23%, 0%)
Oklch
oklch(98.0% 0.076 114.1)

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

#F47D1F

Tangerine · Chocolate · Warm Sun

HEX
#F47D1F
RGB
rgb(244, 125, 31)
HSL
hsl(26, 91%, 54%)
HSB
hsb(26, 87%, 96%)
CMYK
cmyk(0%, 49%, 87%, 4%)
Oklch
oklch(71.3% 0.174 51.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1C1E2A
2B291D

Analogous

1D262B
1C1E2A
221D2B

Triadic

1C1E2A
2B1D1F
1F2B1D

Split-Comp.

1C1E2A
2B221D
262B1D

Tetradic

1C1E2A
2B1D26
2B291D
1D2B22

Contrast Matrix WCAG 2.1 Contrast

1C1E2A
2FA58B
B4ECA1
F7FFC4
F47D1F
—
5.4
AA
12.2
AAA
15.8
AAA
6.1
AA
5.4
AA
—
2.2
Fail
2.9
Fail
1.1
Fail
12.2
AAA
2.2
Fail
—
1.3
Fail
2.0
Fail
15.8
AAA
2.9
Fail
1.3
Fail
—
2.6
Fail
6.1
AA
1.1
Fail
2.0
Fail
2.6
Fail
—
White BG
16.6AAA
3.1AA Large
1.4Fail
1.0Fail
2.7Fail
Black BG
1.3Fail
6.9AA
15.5AAA
20.1AAA
7.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1D1D27
626391
CCCDB3
FAFBD2
C0BF36

Deuteranopia

1D1D26
5B5293
C9C5B8
FAF9D6
C7D03B

Tritanopia

1C2524
359697
B7C1C5
F7DEE0
EE484C

Achromatopsia

1F1F1F
7F7F7F
D3D3D3
F6F6F6
969696

Shades & Tints Shades & Tints

#1C1E2A

Dark
Light

#2FA58B

Dark
Light

#B4ECA1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1c1e2a;
  --color-2: #2fa58b;
  --color-3: #b4eca1;
  --color-4: #f7ffc4;
  --color-5: #f47d1f;
}

SCSS

$color-1: #1c1e2a;
$color-2: #2fa58b;
$color-3: #b4eca1;
$color-4: #f7ffc4;
$color-5: #f47d1f;

TAILWIND

colors: {
  'brand-1': '#1c1e2a',
  'brand-2': '#2fa58b',
  'brand-3': '#b4eca1',
  'brand-4': '#f7ffc4',
  'brand-5': '#f47d1f',
}

RGB Array

[28, 30, 42], [47, 165, 139], [180, 236, 161], [247, 255, 196], [244, 125, 31]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1C1E2A, #2FA58B, #B4ECA1, #F7FFC4, #F47D1F 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: #1c1e2a; --color-2: #2fa58b; --color-3: #b4eca1; --color-4: #f7ffc4; --color-5: #f47d1f. 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