← Back to Editor

#1FB089 · #E31E92 · #903D99 · #F65964 · #FCD560

sunset

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

#1FB089

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#1FB089
RGB
rgb(31, 176, 137)
HSL
hsl(164, 70%, 41%)
HSB
hsb(164, 82%, 69%)
CMYK
cmyk(82%, 0%, 22%, 31%)
Oklch
oklch(67.6% 0.129 168.9)

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

#E31E92

Rose Purple · DeepPink · Camellia

HEX
#E31E92
RGB
rgb(227, 30, 146)
HSL
hsl(325, 78%, 50%)
HSB
hsb(325, 87%, 89%)
CMYK
cmyk(0%, 87%, 36%, 11%)
Oklch
oklch(61.0% 0.239 352.0)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#903D99

Dark Plum · DarkOrchid · Violet

HEX
#903D99
RGB
rgb(144, 61, 153)
HSL
hsl(294, 43%, 42%)
HSB
hsb(294, 60%, 60%)
CMYK
cmyk(6%, 60%, 0%, 40%)
Oklch
oklch(50.8% 0.162 323.7)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

#F65964

Peach Pink · Tomato · Coral Red

HEX
#F65964
RGB
rgb(246, 89, 100)
HSL
hsl(356, 90%, 66%)
HSB
hsb(356, 64%, 96%)
CMYK
cmyk(0%, 64%, 59%, 4%)
Oklch
oklch(67.5% 0.192 19.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#FCD560

Ginger · Khaki · Sunflower

HEX
#FCD560
RGB
rgb(252, 213, 96)
HSL
hsl(45, 96%, 68%)
HSB
hsb(45, 62%, 99%)
CMYK
cmyk(0%, 15%, 62%, 1%)
Oklch
oklch(88.5% 0.141 90.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1FB089
B21F46

Analogous

1FB242
1FB089
1F90B2

Triadic

1FB089
8B1FB2
B28B1F

Split-Comp.

1FB089
B21F90
B2421F

Tetradic

1FB089
421FB2
B21F46
90B21F

Contrast Matrix WCAG 2.1 Contrast

1FB089
E31E92
903D99
F65964
FCD560
—
1.6
Fail
2.3
Fail
1.2
Fail
1.9
Fail
1.6
Fail
—
1.5
Fail
1.3
Fail
3.0
AA Large
2.3
Fail
1.5
Fail
—
2.0
Fail
4.5
AA Large
1.2
Fail
1.3
Fail
2.0
Fail
—
2.3
Fail
1.9
Fail
3.0
AA Large
4.5
AA Large
2.3
Fail
—
White BG
2.8Fail
4.3AA Large
6.3AA
3.2AA Large
1.4Fail
Black BG
7.6AAA
4.9AA
3.3AA Large
6.5AA
14.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5E5F92
8E8C76
6C6B83
B2B161
EBEB7C

Deuteranopia

554B95
99A86F
71777D
BBC761
EDF083

Tritanopia

269A9C
D9605B
8C716D
EE5F5F
FA9398

Achromatopsia

808080
666666
606060
898989
D3D3D3

Shades & Tints Shades & Tints

#1FB089

Dark
Light

#E31E92

Dark
Light

#903D99

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1fb089;
  --color-2: #e31e92;
  --color-3: #903d99;
  --color-4: #f65964;
  --color-5: #fcd560;
}

SCSS

$color-1: #1fb089;
$color-2: #e31e92;
$color-3: #903d99;
$color-4: #f65964;
$color-5: #fcd560;

TAILWIND

colors: {
  'brand-1': '#1fb089',
  'brand-2': '#e31e92',
  'brand-3': '#903d99',
  'brand-4': '#f65964',
  'brand-5': '#fcd560',
}

RGB Array

[31, 176, 137], [227, 30, 146], [144, 61, 153], [246, 89, 100], [252, 213, 96]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #1FB089, #E31E92, #903D99, #F65964, #FCD560 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: #1fb089; --color-2: #e31e92; --color-3: #903d99; --color-4: #f65964; --color-5: #fcd560. 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 sunset-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