← Back to Editor

#EFD217 · #D9D6A8 · #EF9617 · #4A8C80 · #A72150

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

#EFD217

Autumn Sage · Gold · Sunflower

HEX
#EFD217
RGB
rgb(239, 210, 23)
HSL
hsl(52, 87%, 51%)
HSB
hsb(52, 90%, 94%)
CMYK
cmyk(0%, 12%, 90%, 6%)
Oklch
oklch(86.2% 0.175 98.9)

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

#D9D6A8

Fresh Green · Wheat · Sunflower

HEX
#D9D6A8
RGB
rgb(217, 214, 168)
HSL
hsl(56, 39%, 75%)
HSB
hsb(56, 23%, 85%)
CMYK
cmyk(0%, 1%, 23%, 15%)
Oklch
oklch(86.7% 0.061 104.5)

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

#EF9617

Ginger · GoldenRod · Warm Sun

HEX
#EF9617
RGB
rgb(239, 150, 23)
HSL
hsl(35, 87%, 51%)
HSB
hsb(35, 90%, 94%)
CMYK
cmyk(0%, 37%, 90%, 6%)
Oklch
oklch(74.8% 0.160 67.1)

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

#4A8C80

Mineral Blue · CadetBlue · Mint Ice

HEX
#4A8C80
RGB
rgb(74, 140, 128)
HSL
hsl(169, 31%, 42%)
HSB
hsb(169, 47%, 55%)
CMYK
cmyk(47%, 0%, 9%, 45%)
Oklch
oklch(59.3% 0.071 180.6)

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

#A72150

Dark Violet · Brown · Camellia

HEX
#A72150
RGB
rgb(167, 33, 80)
HSL
hsl(339, 67%, 39%)
HSB
hsb(339, 80%, 65%)
CMYK
cmyk(0%, 80%, 52%, 35%)
Oklch
oklch(48.5% 0.171 6.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFD217
1532EF

Analogous

EF6515
EFD217
9FEF15

Triadic

EFD217
15EFD2
D215EF

Split-Comp.

EFD217
159FEF
6515EF

Tetradic

EFD217
15EF65
1532EF
EF159F

Contrast Matrix WCAG 2.1 Contrast

EFD217
D9D6A8
EF9617
4A8C80
A72150
—
1.0
Fail
1.5
Fail
2.6
Fail
4.7
AA
1.0
Fail
—
1.6
Fail
2.6
Fail
4.7
AA
1.5
Fail
1.6
Fail
—
1.7
Fail
3.0
AA Large
2.6
Fail
2.6
Fail
1.7
Fail
—
1.8
Fail
4.7
AA
4.7
AA
3.0
AA Large
1.8
Fail
—
White BG
1.5Fail
1.5Fail
2.3Fail
3.9AA Large
7.1AAA
Black BG
13.9AAA
14.1AAA
9.0AAA
5.4AA
3.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E244
D8D8B3
C8C836
676783
6D6C45

Deuteranopia

E4E64F
D8D8B6
CED43D
635E84
757F42

Tritanopia

EE6870
D9BCBE
EB4E53
4D8586
A03C3A

Achromatopsia

C5C5C5
D2D2D2
A2A2A2
777777
4E4E4E

Shades & Tints Shades & Tints

#EFD217

Dark
Light

#D9D6A8

Dark
Light

#EF9617

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efd217;
  --color-2: #d9d6a8;
  --color-3: #ef9617;
  --color-4: #4a8c80;
  --color-5: #a72150;
}

SCSS

$color-1: #efd217;
$color-2: #d9d6a8;
$color-3: #ef9617;
$color-4: #4a8c80;
$color-5: #a72150;

TAILWIND

colors: {
  'brand-1': '#efd217',
  'brand-2': '#d9d6a8',
  'brand-3': '#ef9617',
  'brand-4': '#4a8c80',
  'brand-5': '#a72150',
}

RGB Array

[239, 210, 23], [217, 214, 168], [239, 150, 23], [74, 140, 128], [167, 33, 80]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #EFD217, #D9D6A8, #EF9617, #4A8C80, #A72150 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #efd217; --color-2: #d9d6a8; --color-3: #ef9617; --color-4: #4a8c80; --color-5: #a72150. 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. 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