← Back to Editor

#C8EFF0 · #ED8119 · #F25B42 · #CE344D · #A32E5D

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 AppData Visualization

Color Details Color Details

#C8EFF0

Sky Blue · Lavender · Glacier Blue

HEX
#C8EFF0
RGB
rgb(200, 239, 240)
HSL
hsl(182, 57%, 86%)
HSB
hsb(182, 17%, 94%)
CMYK
cmyk(17%, 0%, 0%, 6%)
Oklch
oklch(92.5% 0.040 198.4)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#ED8119

Tangerine · Chocolate · Warm Sun

HEX
#ED8119
RGB
rgb(237, 129, 25)
HSL
hsl(29, 85%, 51%)
HSB
hsb(29, 89%, 93%)
CMYK
cmyk(0%, 46%, 89%, 7%)
Oklch
oklch(71.0% 0.166 56.3)

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

#F25B42

Vermilion · Tomato · Passion Red

HEX
#F25B42
RGB
rgb(242, 91, 66)
HSL
hsl(9, 87%, 60%)
HSB
hsb(9, 73%, 95%)
CMYK
cmyk(0%, 62%, 73%, 5%)
Oklch
oklch(66.6% 0.190 31.8)

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

#CE344D

Vermilion · Crimson · Passion Red

HEX
#CE344D
RGB
rgb(206, 52, 77)
HSL
hsl(350, 61%, 51%)
HSB
hsb(350, 75%, 81%)
CMYK
cmyk(0%, 75%, 63%, 19%)
Oklch
oklch(56.8% 0.189 16.9)

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

#A32E5D

Dark Violet · Brown · Camellia

HEX
#A32E5D
RGB
rgb(163, 46, 93)
HSL
hsl(336, 56%, 41%)
HSB
hsb(336, 72%, 64%)
CMYK
cmyk(0%, 72%, 43%, 36%)
Oklch
oklch(49.3% 0.157 0.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C8EFF0
F0C8C7

Analogous

C7F0DD
C8EFF0
C7DAF0

Triadic

C8EFF0
F0C7EE
EEF0C7

Split-Comp.

C8EFF0
F0C7DA
F0DDC7

Tetradic

C8EFF0
DDC7F0
F0C8C7
DAF0C7

Contrast Matrix WCAG 2.1 Contrast

C8EFF0
ED8119
F25B42
CE344D
A32E5D
—
2.2
Fail
2.7
Fail
4.0
AA Large
5.5
AA
2.2
Fail
—
1.2
Fail
1.8
Fail
2.5
Fail
2.7
Fail
1.2
Fail
—
1.5
Fail
2.0
Fail
4.0
AA Large
1.8
Fail
1.5
Fail
—
1.4
Fail
5.5
AA
2.5
Fail
2.0
Fail
1.4
Fail
—
White BG
1.2Fail
2.7Fail
3.3AA Large
5.0AA
6.8AA
Black BG
17.1AAA
7.8AAA
6.4AA
4.2AA Large
3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D9F0
BEBD32
B1AF48
8B8A47
706F52

Deuteranopia

D7D4F0
C5CD38
B9C54A
94A046
77804F

Tritanopia

CAF0F0
E8464A
EA4D4E
C64241
9D4947

Achromatopsia

E3E3E3
959595
858585
656565
565656

Shades & Tints Shades & Tints

#C8EFF0

Dark
Light

#ED8119

Dark
Light

#F25B42

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c8eff0;
  --color-2: #ed8119;
  --color-3: #f25b42;
  --color-4: #ce344d;
  --color-5: #a32e5d;
}

SCSS

$color-1: #c8eff0;
$color-2: #ed8119;
$color-3: #f25b42;
$color-4: #ce344d;
$color-5: #a32e5d;

TAILWIND

colors: {
  'brand-1': '#c8eff0',
  'brand-2': '#ed8119',
  'brand-3': '#f25b42',
  'brand-4': '#ce344d',
  'brand-5': '#a32e5d',
}

RGB Array

[200, 239, 240], [237, 129, 25], [242, 91, 66], [206, 52, 77], [163, 46, 93]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #C8EFF0, #ED8119, #F25B42, #CE344D, #A32E5D 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: #c8eff0; --color-2: #ed8119; --color-3: #f25b42; --color-4: #ce344d; --color-5: #a32e5d. 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 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