← Back to Editor

#2E190B · #EDA37E · #F02B59 · #EAD6A7 · #EDCC7E

cool

A 5-color cool palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#2E190B

Tangerine · Black · Cinnamon

HEX
#2E190B
RGB
rgb(46, 25, 11)
HSL
hsl(24, 61%, 11%)
HSB
hsb(24, 76%, 18%)
CMYK
cmyk(0%, 46%, 76%, 82%)
Oklch
oklch(23.8% 0.041 53.1)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#EDA37E

Apricot · DarkSalmon · Warm Sun

HEX
#EDA37E
RGB
rgb(237, 163, 126)
HSL
hsl(20, 76%, 71%)
HSB
hsb(20, 47%, 93%)
CMYK
cmyk(0%, 31%, 47%, 7%)
Oklch
oklch(77.9% 0.102 47.3)

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

#F02B59

Vermilion · Crimson · Passion Red

HEX
#F02B59
RGB
rgb(240, 43, 89)
HSL
hsl(346, 87%, 55%)
HSB
hsb(346, 82%, 94%)
CMYK
cmyk(0%, 82%, 63%, 6%)
Oklch
oklch(62.3% 0.227 15.0)

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

#EAD6A7

Goose Yellow · Wheat · Lemon Cream

HEX
#EAD6A7
RGB
rgb(234, 214, 167)
HSL
hsl(42, 61%, 79%)
HSB
hsb(42, 29%, 92%)
CMYK
cmyk(0%, 9%, 29%, 8%)
Oklch
oklch(88.1% 0.065 87.7)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#EDCC7E

Goose Yellow · BurlyWood · Sunflower

HEX
#EDCC7E
RGB
rgb(237, 204, 126)
HSL
hsl(42, 76%, 71%)
HSB
hsb(42, 47%, 93%)
CMYK
cmyk(0%, 14%, 47%, 7%)
Oklch
oklch(85.7% 0.104 87.3)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2E190B
0B1F2D

Analogous

2D0B0E
2E190B
2D2A0B

Triadic

2E190B
0B2D19
190B2D

Split-Comp.

2E190B
0B2D2A
0B0E2D

Tetradic

2E190B
0E2D0B
0B1F2D
2A0B2D

Contrast Matrix WCAG 2.1 Contrast

2E190B
EDA37E
F02B59
EAD6A7
EDCC7E
—
8.0
AAA
4.1
AA Large
11.6
AAA
10.7
AAA
8.0
AAA
—
2.0
Fail
1.4
Fail
1.3
Fail
4.1
AA Large
2.0
Fail
—
2.8
Fail
2.6
Fail
11.6
AAA
1.4
Fail
2.8
Fail
—
1.1
Fail
10.7
AAA
1.3
Fail
2.6
Fail
1.1
Fail
—
White BG
16.7AAA
2.1Fail
4.0AA Large
1.4Fail
1.6Fail
Black BG
1.3Fail
10.1AAA
5.2AA
14.7AAA
13.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

25250E
CDCC87
9B994E
E1E1B2
DFDE91

Deuteranopia

26280F
D1D789
A6B54B
E3E4B5
E1E395

Tritanopia

2D1112
E98E90
E64543
E9BBBD
EBA0A3

Achromatopsia

1E1E1E
B5B5B5
6B6B6B
D7D7D7
CDCDCD

Shades & Tints Shades & Tints

#2E190B

Dark
Light

#EDA37E

Dark
Light

#F02B59

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2e190b;
  --color-2: #eda37e;
  --color-3: #f02b59;
  --color-4: #ead6a7;
  --color-5: #edcc7e;
}

SCSS

$color-1: #2e190b;
$color-2: #eda37e;
$color-3: #f02b59;
$color-4: #ead6a7;
$color-5: #edcc7e;

TAILWIND

colors: {
  'brand-1': '#2e190b',
  'brand-2': '#eda37e',
  'brand-3': '#f02b59',
  'brand-4': '#ead6a7',
  'brand-5': '#edcc7e',
}

RGB Array

[46, 25, 11], [237, 163, 126], [240, 43, 89], [234, 214, 167], [237, 204, 126]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #2E190B, #EDA37E, #F02B59, #EAD6A7, #EDCC7E 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: #2e190b; --color-2: #eda37e; --color-3: #f02b59; --color-4: #ead6a7; --color-5: #edcc7e. 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 cool-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