← Back to Editor

#918A7D · #FF8585 · #D6D63A · #F4CF89 · #F5E5C6

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#918A7D

Ginger · Gray · Warm Gray

HEX
#918A7D
RGB
rgb(145, 138, 125)
HSL
hsl(39, 8%, 53%)
HSB
hsb(39, 14%, 57%)
CMYK
cmyk(0%, 5%, 14%, 43%)
Oklch
oklch(63.6% 0.021 83.0)

Traditional「Ginger」· Paint「Warm Gray」· Creative Urban Concrete

#FF8585

Peach Pink · LightCoral · Coral Red

HEX
#FF8585
RGB
rgb(255, 133, 133)
HSL
hsl(0, 100%, 76%)
HSB
hsb(0, 48%, 100%)
CMYK
cmyk(0%, 48%, 48%, 0%)
Oklch
oklch(75.3% 0.149 21.2)

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

#D6D63A

Autumn Sage · GoldenRod · Sunflower

HEX
#D6D63A
RGB
rgb(214, 214, 58)
HSL
hsl(60, 66%, 53%)
HSB
hsb(60, 73%, 84%)
CMYK
cmyk(0%, 0%, 73%, 16%)
Oklch
oklch(85.0% 0.168 109.5)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#F4CF89

Goose Yellow · Khaki · Warm Sun

HEX
#F4CF89
RGB
rgb(244, 207, 137)
HSL
hsl(39, 83%, 75%)
HSB
hsb(39, 44%, 96%)
CMYK
cmyk(0%, 15%, 44%, 4%)
Oklch
oklch(87.1% 0.097 82.7)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#F5E5C6

Goose Yellow · Bisque · Lemon Cream

HEX
#F5E5C6
RGB
rgb(245, 229, 198)
HSL
hsl(40, 70%, 87%)
HSB
hsb(40, 19%, 96%)
CMYK
cmyk(0%, 7%, 19%, 4%)
Oklch
oklch(92.7% 0.044 83.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

918A7D
7E8491

Analogous

91807E
918A7D
8E917E

Triadic

918A7D
7E918A
8A7E91

Split-Comp.

918A7D
7E8E91
807E91

Tetradic

918A7D
7E9180
7E8491
917E8E

Contrast Matrix WCAG 2.1 Contrast

918A7D
FF8585
D6D63A
F4CF89
F5E5C6
—
1.5
Fail
2.2
Fail
2.3
Fail
2.8
Fail
1.5
Fail
—
1.5
Fail
1.6
Fail
1.9
Fail
2.2
Fail
1.5
Fail
—
1.0
Fail
1.2
Fail
2.3
Fail
1.6
Fail
1.0
Fail
—
1.2
Fail
2.8
Fail
1.9
Fail
1.2
Fail
1.2
Fail
—
White BG
3.4AA Large
2.3Fail
1.6Fail
1.5Fail
1.2Fail
Black BG
6.1AA
8.9AAA
13.5AAA
14.1AAA
16.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8E8E80
CAC985
D6D660
E4E49A
EEEECE

Deuteranopia

8E8F81
D1DA85
D6D669
E6E99E
EFF0CF

Tritanopia

918383
F98585
D67E84
F2A7AA
F4D3D5

Achromatopsia

8B8B8B
A9A9A9
C4C4C4
D2D2D2
E6E6E6

Shades & Tints Shades & Tints

#918A7D

Dark
Light

#FF8585

Dark
Light

#D6D63A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #918a7d;
  --color-2: #ff8585;
  --color-3: #d6d63a;
  --color-4: #f4cf89;
  --color-5: #f5e5c6;
}

SCSS

$color-1: #918a7d;
$color-2: #ff8585;
$color-3: #d6d63a;
$color-4: #f4cf89;
$color-5: #f5e5c6;

TAILWIND

colors: {
  'brand-1': '#918a7d',
  'brand-2': '#ff8585',
  'brand-3': '#d6d63a',
  'brand-4': '#f4cf89',
  'brand-5': '#f5e5c6',
}

RGB Array

[145, 138, 125], [255, 133, 133], [214, 214, 58], [244, 207, 137], [245, 229, 198]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #918A7D, #FF8585, #D6D63A, #F4CF89, #F5E5C6 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: #918a7d; --color-2: #ff8585; --color-3: #d6d63a; --color-4: #f4cf89; --color-5: #f5e5c6. 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