← Back to Editor

#FFEA36 · #FBC118 · #AA8F48 · #213A34 · #060D15

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

#FFEA36

Fresh Green · Gold · Sunflower

HEX
#FFEA36
RGB
rgb(255, 234, 54)
HSL
hsl(54, 100%, 61%)
HSB
hsb(54, 79%, 100%)
CMYK
cmyk(0%, 8%, 79%, 0%)
Oklch
oklch(92.6% 0.182 102.2)

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

#FBC118

Ginger · Gold · Sunflower

HEX
#FBC118
RGB
rgb(251, 193, 24)
HSL
hsl(45, 97%, 54%)
HSB
hsb(45, 90%, 98%)
CMYK
cmyk(0%, 23%, 90%, 2%)
Oklch
oklch(84.0% 0.168 86.0)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#AA8F48

Ochre · DarkGoldenRod · Honey Gold

HEX
#AA8F48
RGB
rgb(170, 143, 72)
HSL
hsl(43, 40%, 47%)
HSB
hsb(43, 58%, 67%)
CMYK
cmyk(0%, 16%, 58%, 33%)
Oklch
oklch(66.0% 0.096 88.8)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#213A34

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#213A34
RGB
rgb(33, 58, 52)
HSL
hsl(166, 27%, 18%)
HSB
hsb(166, 43%, 23%)
CMYK
cmyk(43%, 0%, 10%, 77%)
Oklch
oklch(32.6% 0.033 177.2)

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

#060D15

Indigo · Black · Deep Sea Blue

HEX
#060D15
RGB
rgb(6, 13, 21)
HSL
hsl(212, 56%, 5%)
HSB
hsb(212, 71%, 8%)
CMYK
cmyk(71%, 38%, 0%, 92%)
Oklch
oklch(15.6% 0.021 250.5)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFEA36
384CFF

Analogous

FF8838
FFEA36
AFFF38

Triadic

FFEA36
38FFEB
EB38FF

Split-Comp.

FFEA36
38AFFF
8838FF

Tetradic

FFEA36
38FF88
384CFF
FF38AF

Contrast Matrix WCAG 2.1 Contrast

FFEA36
FBC118
AA8F48
213A34
060D15
—
1.3
Fail
2.5
Fail
9.9
AAA
15.9
AAA
1.3
Fail
—
1.9
Fail
7.4
AAA
11.8
AAA
2.5
Fail
1.9
Fail
—
3.9
AA Large
6.3
AA
9.9
AAA
7.4
AAA
3.9
AA Large
—
1.6
Fail
15.9
AAA
11.8
AAA
6.3
AA
1.6
Fail
—
White BG
1.2Fail
1.6Fail
3.1AA Large
12.2AAA
19.5AAA
Black BG
17.1AAA
12.7AAA
6.7AA
1.7Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F6F662
E2E141
9E9E59
2C2C35
090913

Deuteranopia

F7F96C
E5EA4B
A0A25D
2A2936
090813

Tritanopia

FE848C
F86168
A9676A
223737
061211

Achromatopsia

DCDCDC
BFBFBF
8F8F8F
323232
0C0C0C

Shades & Tints Shades & Tints

#FFEA36

Dark
Light

#FBC118

Dark
Light

#AA8F48

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffea36;
  --color-2: #fbc118;
  --color-3: #aa8f48;
  --color-4: #213a34;
  --color-5: #060d15;
}

SCSS

$color-1: #ffea36;
$color-2: #fbc118;
$color-3: #aa8f48;
$color-4: #213a34;
$color-5: #060d15;

TAILWIND

colors: {
  'brand-1': '#ffea36',
  'brand-2': '#fbc118',
  'brand-3': '#aa8f48',
  'brand-4': '#213a34',
  'brand-5': '#060d15',
}

RGB Array

[255, 234, 54], [251, 193, 24], [170, 143, 72], [33, 58, 52], [6, 13, 21]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #FFEA36, #FBC118, #AA8F48, #213A34, #060D15 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #ffea36; --color-2: #fbc118; --color-3: #aa8f48; --color-4: #213a34; --color-5: #060d15. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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