← Back to Editor

#FB7567 · #E8C55C · #D3F16F · #86E8AE · #56DDCB

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

#FB7567

Peach Pink · Salmon · Coral Red

HEX
#FB7567
RGB
rgb(251, 117, 103)
HSL
hsl(6, 95%, 69%)
HSB
hsb(6, 59%, 98%)
CMYK
cmyk(0%, 53%, 59%, 2%)
Oklch
oklch(71.9% 0.167 28.0)

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

#E8C55C

Ginger · SandyBrown · Sunflower

HEX
#E8C55C
RGB
rgb(232, 197, 92)
HSL
hsl(45, 75%, 64%)
HSB
hsb(45, 60%, 91%)
CMYK
cmyk(0%, 15%, 60%, 9%)
Oklch
oklch(83.4% 0.130 90.9)

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

#D3F16F

Willow Green · Khaki · Apple Green

HEX
#D3F16F
RGB
rgb(211, 241, 111)
HSL
hsl(74, 82%, 69%)
HSB
hsb(74, 54%, 95%)
CMYK
cmyk(12%, 0%, 54%, 5%)
Oklch
oklch(91.0% 0.159 120.5)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#86E8AE

Emerald · LightGreen · Apple Green

HEX
#86E8AE
RGB
rgb(134, 232, 174)
HSL
hsl(144, 68%, 72%)
HSB
hsb(144, 42%, 91%)
CMYK
cmyk(42%, 0%, 25%, 9%)
Oklch
oklch(85.5% 0.124 156.6)

Traditional「Emerald」· Paint「Apple Green」· Creative Mint Breeze

#56DDCB

Mineral Blue · MediumTurquoise · Lake Green

HEX
#56DDCB
RGB
rgb(86, 221, 203)
HSL
hsl(172, 67%, 60%)
HSB
hsb(172, 61%, 87%)
CMYK
cmyk(61%, 0%, 8%, 13%)
Oklch
oklch(81.9% 0.120 183.0)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FB7567
65ECFB

Analogous

FB65A1
FB7567
FBBF65

Triadic

FB7567
65FB74
7465FB

Split-Comp.

FB7567
65FBBF
65A1FB

Tetradic

FB7567
A1FB65
65ECFB
BF65FB

Contrast Matrix WCAG 2.1 Contrast

FB7567
E8C55C
D3F16F
86E8AE
56DDCB
—
1.6
Fail
2.1
Fail
1.8
Fail
1.6
Fail
1.6
Fail
—
1.3
Fail
1.1
Fail
1.0
Fail
2.1
Fail
1.3
Fail
—
1.2
Fail
1.3
Fail
1.8
Fail
1.1
Fail
1.2
Fail
—
1.1
Fail
1.6
Fail
1.0
Fail
1.3
Fail
1.1
Fail
—
White BG
2.7Fail
1.7Fail
1.3Fail
1.5Fail
1.7Fail
Black BG
7.8AAA
12.6AAA
16.6AAA
14.2AAA
12.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C06A
D9D975
E0E08E
B0B1BC
9092CF

Deuteranopia

C9D36B
DBDD7B
DEDC96
ABA3BF
897FD0

Tritanopia

F46D6E
E6898E
D5A7AD
8BC7CA
5DD3D4

Achromatopsia

9B9B9B
C3C3C3
D9D9D9
C4C4C4
B3B3B3

Shades & Tints Shades & Tints

#FB7567

Dark
Light

#E8C55C

Dark
Light

#D3F16F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fb7567;
  --color-2: #e8c55c;
  --color-3: #d3f16f;
  --color-4: #86e8ae;
  --color-5: #56ddcb;
}

SCSS

$color-1: #fb7567;
$color-2: #e8c55c;
$color-3: #d3f16f;
$color-4: #86e8ae;
$color-5: #56ddcb;

TAILWIND

colors: {
  'brand-1': '#fb7567',
  'brand-2': '#e8c55c',
  'brand-3': '#d3f16f',
  'brand-4': '#86e8ae',
  'brand-5': '#56ddcb',
}

RGB Array

[251, 117, 103], [232, 197, 92], [211, 241, 111], [134, 232, 174], [86, 221, 203]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #FB7567, #E8C55C, #D3F16F, #86E8AE, #56DDCB is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #fb7567; --color-2: #e8c55c; --color-3: #d3f16f; --color-4: #86e8ae; --color-5: #56ddcb. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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