← Back to Editor

#2EBAAF · #EEE6B8 · #ED7E72 · #F2C363 · #9E5570

warm

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

#2EBAAF

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#2EBAAF
RGB
rgb(46, 186, 175)
HSL
hsl(175, 60%, 45%)
HSB
hsb(175, 75%, 73%)
CMYK
cmyk(75%, 0%, 6%, 27%)
Oklch
oklch(71.5% 0.115 186.9)

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

#EEE6B8

Fresh Green · Wheat · Lemon Cream

HEX
#EEE6B8
RGB
rgb(238, 230, 184)
HSL
hsl(51, 61%, 83%)
HSB
hsb(51, 23%, 93%)
CMYK
cmyk(0%, 3%, 23%, 7%)
Oklch
oklch(92.0% 0.061 99.2)

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

#ED7E72

Peach Pink · Salmon · Coral Red

HEX
#ED7E72
RGB
rgb(237, 126, 114)
HSL
hsl(6, 77%, 69%)
HSB
hsb(6, 52%, 93%)
CMYK
cmyk(0%, 47%, 52%, 7%)
Oklch
oklch(71.5% 0.139 27.5)

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

#F2C363

Ginger · SandyBrown · Sunflower

HEX
#F2C363
RGB
rgb(242, 195, 99)
HSL
hsl(40, 85%, 67%)
HSB
hsb(40, 59%, 95%)
CMYK
cmyk(0%, 19%, 59%, 5%)
Oklch
oklch(84.0% 0.126 83.3)

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

#9E5570

Dark Violet · Gray · Camellia

HEX
#9E5570
RGB
rgb(158, 85, 112)
HSL
hsl(338, 30%, 48%)
HSB
hsb(338, 46%, 62%)
CMYK
cmyk(0%, 46%, 29%, 38%)
Oklch
oklch(54.4% 0.101 357.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2EBAAF
B82E39

Analogous

2EB867
2EBAAF
2E7EB8

Triadic

2EBAAF
AC2EB8
B8AC2E

Split-Comp.

2EBAAF
B82E7E
B8672E

Tetradic

2EBAAF
672EB8
B82E39
7EB82E

Contrast Matrix WCAG 2.1 Contrast

2EBAAF
EEE6B8
ED7E72
F2C363
9E5570
—
1.9
Fail
1.1
Fail
1.5
Fail
2.2
Fail
1.9
Fail
—
2.1
Fail
1.3
Fail
4.2
AA Large
1.1
Fail
2.1
Fail
—
1.6
Fail
2.0
Fail
1.5
Fail
1.3
Fail
1.6
Fail
—
3.2
AA Large
2.2
Fail
4.2
AA Large
2.0
Fail
3.2
AA Large
—
White BG
2.4Fail
1.3Fail
2.7Fail
1.6Fail
5.3AA
Black BG
8.8AAA
16.6AAA
7.8AAA
12.8AAA
4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

6B6CB2
EBEAC3
BDBC75
DEDD7A
7E7E69

Deuteranopia

6358B2
EBECC6
C3CC76
E0E480
838868

Tritanopia

35B4B4
EECCCE
E77778
F08D91
9A6463

Achromatopsia

8F8F8F
E3E3E3
9E9E9E
C6C6C6
6E6E6E

Shades & Tints Shades & Tints

#2EBAAF

Dark
Light

#EEE6B8

Dark
Light

#ED7E72

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2ebaaf;
  --color-2: #eee6b8;
  --color-3: #ed7e72;
  --color-4: #f2c363;
  --color-5: #9e5570;
}

SCSS

$color-1: #2ebaaf;
$color-2: #eee6b8;
$color-3: #ed7e72;
$color-4: #f2c363;
$color-5: #9e5570;

TAILWIND

colors: {
  'brand-1': '#2ebaaf',
  'brand-2': '#eee6b8',
  'brand-3': '#ed7e72',
  'brand-4': '#f2c363',
  'brand-5': '#9e5570',
}

RGB Array

[46, 186, 175], [238, 230, 184], [237, 126, 114], [242, 195, 99], [158, 85, 112]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #2EBAAF, #EEE6B8, #ED7E72, #F2C363, #9E5570 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: #2ebaaf; --color-2: #eee6b8; --color-3: #ed7e72; --color-4: #f2c363; --color-5: #9e5570. 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 warm-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