← Back to Editor

#EFE720 · #F4ED79 · #F37715 · #0B0505 · #FAF6D3

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 AppData Visualization

Color Details Color Details

#EFE720

Autumn Sage · Gold · Sunflower

HEX
#EFE720
RGB
rgb(239, 231, 32)
HSL
hsl(58, 87%, 53%)
HSB
hsb(58, 87%, 94%)
CMYK
cmyk(0%, 3%, 87%, 6%)
Oklch
oklch(90.5% 0.189 107.0)

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

#F4ED79

Fresh Green · Khaki · Sunflower

HEX
#F4ED79
RGB
rgb(244, 237, 121)
HSL
hsl(57, 85%, 72%)
HSB
hsb(57, 50%, 96%)
CMYK
cmyk(0%, 3%, 50%, 4%)
Oklch
oklch(92.8% 0.138 105.7)

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

#F37715

Tangerine · Chocolate · Warm Sun

HEX
#F37715
RGB
rgb(243, 119, 21)
HSL
hsl(26, 90%, 52%)
HSB
hsb(26, 91%, 95%)
CMYK
cmyk(0%, 51%, 91%, 5%)
Oklch
oklch(70.2% 0.178 50.5)

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

#0B0505

Crimson · Black · Deep Berry

HEX
#0B0505
RGB
rgb(11, 5, 5)
HSL
hsl(0, 38%, 3%)
HSB
hsb(0, 55%, 4%)
CMYK
cmyk(0%, 55%, 55%, 96%)
Oklch
oklch(12.6% 0.013 19.1)

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

#FAF6D3

Fresh Green · Beige · Lemon Cream

HEX
#FAF6D3
RGB
rgb(250, 246, 211)
HSL
hsl(54, 80%, 90%)
HSB
hsb(54, 16%, 98%)
CMYK
cmyk(0%, 2%, 16%, 2%)
Oklch
oklch(96.7% 0.046 101.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFE720
1F26EF

Analogous

EF801F
EFE720
8EEF1F

Triadic

EFE720
1FEFE8
E81FEF

Split-Comp.

EFE720
1F8EEF
801FEF

Tetradic

EFE720
1FEF80
1F26EF
EF1F8E

Contrast Matrix WCAG 2.1 Contrast

EFE720
F4ED79
F37715
0B0505
FAF6D3
—
1.1
Fail
2.2
Fail
15.5
AAA
1.2
Fail
1.1
Fail
—
2.3
Fail
16.6
AAA
1.1
Fail
2.2
Fail
2.3
Fail
—
7.2
AAA
2.6
Fail
15.5
AAA
16.6
AAA
7.2
AAA
—
18.5
AAA
1.2
Fail
1.1
Fail
2.6
Fail
18.5
AAA
—
White BG
1.3Fail
1.2Fail
2.8Fail
20.2AAA
1.1Fail
Black BG
16.1AAA
17.2AAA
7.5AAA
1.0Fail
19.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ECEB50
F1F195
BDBC2D
080805
F8F8DB

Deuteranopia

ECED5C
F1F29C
C5CE32
090905
F9F9DE

Tritanopia

EF767F
F4ABB0
ED3F44
0B0505
FAE2E4

Achromatopsia

D3D3D3
E2E2E2
919191
070707
F3F3F3

Shades & Tints Shades & Tints

#EFE720

Dark
Light

#F4ED79

Dark
Light

#F37715

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efe720;
  --color-2: #f4ed79;
  --color-3: #f37715;
  --color-4: #0b0505;
  --color-5: #faf6d3;
}

SCSS

$color-1: #efe720;
$color-2: #f4ed79;
$color-3: #f37715;
$color-4: #0b0505;
$color-5: #faf6d3;

TAILWIND

colors: {
  'brand-1': '#efe720',
  'brand-2': '#f4ed79',
  'brand-3': '#f37715',
  'brand-4': '#0b0505',
  'brand-5': '#faf6d3',
}

RGB Array

[239, 231, 32], [244, 237, 121], [243, 119, 21], [11, 5, 5], [250, 246, 211]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #EFE720, #F4ED79, #F37715, #0B0505, #FAF6D3 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: #efe720; --color-2: #f4ed79; --color-3: #f37715; --color-4: #0b0505; --color-5: #faf6d3. 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