← Back to Editor

#0EC991 · #FFB35C · #FF8B59 · #FF6054 · #FF2E5B

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 App

Color Details Color Details

#0EC991

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#0EC991
RGB
rgb(14, 201, 145)
HSL
hsl(162, 87%, 42%)
HSB
hsb(162, 93%, 79%)
CMYK
cmyk(93%, 0%, 28%, 21%)
Oklch
oklch(74.1% 0.155 164.3)

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

#FFB35C

Ginger · SandyBrown · Warm Sun

HEX
#FFB35C
RGB
rgb(255, 179, 92)
HSL
hsl(32, 100%, 68%)
HSB
hsb(32, 64%, 100%)
CMYK
cmyk(0%, 30%, 64%, 0%)
Oklch
oklch(82.3% 0.136 67.6)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#FF8B59

Apricot · Coral · Warm Sun

HEX
#FF8B59
RGB
rgb(255, 139, 89)
HSL
hsl(18, 100%, 67%)
HSB
hsb(18, 65%, 100%)
CMYK
cmyk(0%, 45%, 65%, 0%)
Oklch
oklch(75.5% 0.155 43.2)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#FF6054

Peach Pink · Tomato · Coral Red

HEX
#FF6054
RGB
rgb(255, 96, 84)
HSL
hsl(4, 100%, 66%)
HSB
hsb(4, 67%, 100%)
CMYK
cmyk(0%, 62%, 67%, 0%)
Oklch
oklch(69.4% 0.196 27.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FF2E5B

Vermilion · Crimson · Passion Red

HEX
#FF2E5B
RGB
rgb(255, 46, 91)
HSL
hsl(347, 100%, 59%)
HSB
hsb(347, 82%, 100%)
CMYK
cmyk(0%, 82%, 64%, 0%)
Oklch
oklch(65.1% 0.238 16.2)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0EC991
C80E46

Analogous

0EC833
0EC991
0EA3C8

Triadic

0EC991
900EC8
C8900E

Split-Comp.

0EC991
C80EA3
C8330E

Tetradic

0EC991
330EC8
C80E46
A3C80E

Contrast Matrix WCAG 2.1 Contrast

0EC991
FFB35C
FF8B59
FF6054
FF2E5B
—
1.2
Fail
1.1
Fail
1.4
Fail
1.7
Fail
1.2
Fail
—
1.3
Fail
1.7
Fail
2.0
Fail
1.1
Fail
1.3
Fail
—
1.3
Fail
1.6
Fail
1.4
Fail
1.7
Fail
1.3
Fail
—
1.2
Fail
1.7
Fail
2.0
Fail
1.6
Fail
1.2
Fail
—
White BG
2.1Fail
1.8Fail
2.3Fail
3.0Fail
3.6AA Large
Black BG
9.8AAA
11.9AAA
9.1AAA
7.1AAA
5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5F619F
DEDD71
CDCC65
BAB957
A5A350

Deuteranopia

5446A2
E3E876
D4DC68
C3CF58
B1C04E

Tritanopia

17A9AC
FB8285
F96F71
F7595A
F54846

Achromatopsia

8B8B8B
C0C0C0
A8A8A8
8E8E8E
727272

Shades & Tints Shades & Tints

#0EC991

Dark
Light

#FFB35C

Dark
Light

#FF8B59

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0ec991;
  --color-2: #ffb35c;
  --color-3: #ff8b59;
  --color-4: #ff6054;
  --color-5: #ff2e5b;
}

SCSS

$color-1: #0ec991;
$color-2: #ffb35c;
$color-3: #ff8b59;
$color-4: #ff6054;
$color-5: #ff2e5b;

TAILWIND

colors: {
  'brand-1': '#0ec991',
  'brand-2': '#ffb35c',
  'brand-3': '#ff8b59',
  'brand-4': '#ff6054',
  'brand-5': '#ff2e5b',
}

RGB Array

[14, 201, 145], [255, 179, 92], [255, 139, 89], [255, 96, 84], [255, 46, 91]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0EC991, #FFB35C, #FF8B59, #FF6054, #FF2E5B 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: #0ec991; --color-2: #ffb35c; --color-3: #ff8b59; --color-4: #ff6054; --color-5: #ff2e5b. 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 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