← Back to Editor

#0E9D86 · #FBFCE4 · #FF8652 · #ED0B65 · #43325D

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

#0E9D86

Mineral Blue · Teal · Mint Ice

HEX
#0E9D86
RGB
rgb(14, 157, 134)
HSL
hsl(170, 84%, 34%)
HSB
hsb(170, 91%, 62%)
CMYK
cmyk(91%, 0%, 15%, 38%)
Oklch
oklch(62.3% 0.113 177.1)

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

#FBFCE4

Fresh Green · LightYellow · Lemon Cream

HEX
#FBFCE4
RGB
rgb(251, 252, 228)
HSL
hsl(63, 80%, 94%)
HSB
hsb(63, 10%, 99%)
CMYK
cmyk(0%, 0%, 10%, 1%)
Oklch
oklch(98.4% 0.031 108.9)

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

#FF8652

Apricot · Coral · Warm Sun

HEX
#FF8652
RGB
rgb(255, 134, 82)
HSL
hsl(18, 100%, 66%)
HSB
hsb(18, 68%, 100%)
CMYK
cmyk(0%, 47%, 68%, 0%)
Oklch
oklch(74.6% 0.162 42.9)

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

#ED0B65

Dark Violet · Crimson · Camellia

HEX
#ED0B65
RGB
rgb(237, 11, 101)
HSL
hsl(336, 91%, 49%)
HSB
hsb(336, 95%, 93%)
CMYK
cmyk(0%, 95%, 57%, 7%)
Oklch
oklch(60.8% 0.240 8.6)

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

#43325D

Deep Indigo · DarkSlateGray · Eggplant

HEX
#43325D
RGB
rgb(67, 50, 93)
HSL
hsl(264, 30%, 28%)
HSB
hsb(264, 46%, 36%)
CMYK
cmyk(28%, 46%, 0%, 64%)
Oklch
oklch(35.7% 0.075 300.9)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0E9D86
A00E26

Analogous

0EA03E
0E9D86
0E6FA0

Triadic

0E9D86
870EA0
A0870E

Split-Comp.

0E9D86
A00E6F
A03E0E

Tetradic

0E9D86
3E0EA0
A00E26
6FA00E

Contrast Matrix WCAG 2.1 Contrast

0E9D86
FBFCE4
FF8652
ED0B65
43325D
—
3.3
AA Large
1.4
Fail
1.3
Fail
3.3
AA Large
3.3
AA Large
—
2.3
Fail
4.2
AA Large
10.9
AAA
1.4
Fail
2.3
Fail
—
1.8
Fail
4.7
AA
1.3
Fail
4.2
AA Large
1.8
Fail
—
2.6
Fail
3.3
AA Large
10.9
AAA
4.7
AA
2.6
Fail
—
White BG
3.4AA Large
1.0Fail
2.4Fail
4.3AA Large
11.3AAA
Black BG
6.2AA
20.1AAA
8.8AAA
4.8AA
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

4C4D8C
FBFBEA
CBCA5F
8B894F
3C3B53

Deuteranopia

44398D
FBFBEB
D2DB62
98A94A
3D3E50

Tritanopia

159091
FBEEEF
F9696B
E23E3A
424A49

Achromatopsia

707070
F9F9F9
A4A4A4
595959
3C3C3C

Shades & Tints Shades & Tints

#0E9D86

Dark
Light

#FBFCE4

Dark
Light

#FF8652

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0e9d86;
  --color-2: #fbfce4;
  --color-3: #ff8652;
  --color-4: #ed0b65;
  --color-5: #43325d;
}

SCSS

$color-1: #0e9d86;
$color-2: #fbfce4;
$color-3: #ff8652;
$color-4: #ed0b65;
$color-5: #43325d;

TAILWIND

colors: {
  'brand-1': '#0e9d86',
  'brand-2': '#fbfce4',
  'brand-3': '#ff8652',
  'brand-4': '#ed0b65',
  'brand-5': '#43325d',
}

RGB Array

[14, 157, 134], [251, 252, 228], [255, 134, 82], [237, 11, 101], [67, 50, 93]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #0E9D86, #FBFCE4, #FF8652, #ED0B65, #43325D 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: #0e9d86; --color-2: #fbfce4; --color-3: #ff8652; --color-4: #ed0b65; --color-5: #43325d. 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