← Back to Editor

#FF6865 · #FDE089 · #380009 · #FDF6E4 · #C3D0CA

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

#FF6865

Peach Pink · Salmon · Coral Red

HEX
#FF6865
RGB
rgb(255, 104, 101)
HSL
hsl(1, 100%, 70%)
HSB
hsb(1, 60%, 100%)
CMYK
cmyk(0%, 59%, 60%, 0%)
Oklch
oklch(70.7% 0.185 24.2)

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

#FDE089

Goose Yellow · Khaki · Lemon Cream

HEX
#FDE089
RGB
rgb(253, 224, 137)
HSL
hsl(45, 97%, 76%)
HSB
hsb(45, 46%, 99%)
CMYK
cmyk(0%, 11%, 46%, 1%)
Oklch
oklch(91.2% 0.111 91.6)

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

#380009

Vermilion · Black · Deep Berry

HEX
#380009
RGB
rgb(56, 0, 9)
HSL
hsl(350, 100%, 11%)
HSB
hsb(350, 100%, 22%)
CMYK
cmyk(0%, 100%, 84%, 78%)
Oklch
oklch(21.6% 0.087 18.3)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#FDF6E4

Goose Yellow · Linen · Lemon Cream

HEX
#FDF6E4
RGB
rgb(253, 246, 228)
HSL
hsl(43, 86%, 94%)
HSB
hsb(43, 10%, 99%)
CMYK
cmyk(0%, 3%, 10%, 1%)
Oklch
oklch(97.4% 0.025 89.2)

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

#C3D0CA

Jade · LightGray · Apple Green

HEX
#C3D0CA
RGB
rgb(195, 208, 202)
HSL
hsl(152, 12%, 79%)
HSB
hsb(152, 6%, 82%)
CMYK
cmyk(6%, 0%, 3%, 18%)
Oklch
oklch(84.6% 0.016 166.6)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF6865
66FCFF

Analogous

FF66B0
FF6865
FFB566

Triadic

FF6865
66FF69
6966FF

Split-Comp.

FF6865
66FFB5
66B0FF

Tetradic

FF6865
B0FF66
66FCFF
B566FF

Contrast Matrix WCAG 2.1 Contrast

FF6865
FDE089
380009
FDF6E4
C3D0CA
—
2.2
Fail
6.3
AA
2.6
Fail
1.8
Fail
2.2
Fail
—
13.8
AAA
1.2
Fail
1.2
Fail
6.3
AA
13.8
AAA
—
16.6
AAA
11.3
AAA
2.6
Fail
1.2
Fail
16.6
AAA
—
1.5
Fail
1.8
Fail
1.2
Fail
11.3
AAA
1.5
Fail
—
White BG
2.8Fail
1.3Fail
17.9AAA
1.1Fail
1.6Fail
Black BG
7.4AAA
16.2AAA
1.2Fail
19.5AAA
13.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBC66
F0F09E
201F07
FAFAE8
C9C9CB

Deuteranopia

C6D266
F2F4A3
232706
FAFBE9
C8C7CC

Tritanopia

F76666
FCAFB2
350505
FDECED
C4CDCD

Achromatopsia

959595
DFDFDF
121212
F6F6F6
CBCBCB

Shades & Tints Shades & Tints

#FF6865

Dark
Light

#FDE089

Dark
Light

#380009

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff6865;
  --color-2: #fde089;
  --color-3: #380009;
  --color-4: #fdf6e4;
  --color-5: #c3d0ca;
}

SCSS

$color-1: #ff6865;
$color-2: #fde089;
$color-3: #380009;
$color-4: #fdf6e4;
$color-5: #c3d0ca;

TAILWIND

colors: {
  'brand-1': '#ff6865',
  'brand-2': '#fde089',
  'brand-3': '#380009',
  'brand-4': '#fdf6e4',
  'brand-5': '#c3d0ca',
}

RGB Array

[255, 104, 101], [253, 224, 137], [56, 0, 9], [253, 246, 228], [195, 208, 202]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #FF6865, #FDE089, #380009, #FDF6E4, #C3D0CA is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #ff6865; --color-2: #fde089; --color-3: #380009; --color-4: #fdf6e4; --color-5: #c3d0ca. 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. 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