← Back to Editor

#FED600 · #0099B4 · #621C21 · #000000 · #D1B068

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

#FED600

Autumn Sage · Gold · Honey Gold

HEX
#FED600
RGB
rgb(254, 214, 0)
HSL
hsl(51, 100%, 50%)
HSB
hsb(51, 100%, 100%)
CMYK
cmyk(0%, 16%, 100%, 0%)
Oklch
oklch(88.4% 0.182 95.3)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#0099B4

Lake Blue · LightSeaGreen · Mint Ice

HEX
#0099B4
RGB
rgb(0, 153, 180)
HSL
hsl(189, 100%, 35%)
HSB
hsb(189, 100%, 71%)
CMYK
cmyk(100%, 15%, 0%, 29%)
Oklch
oklch(62.9% 0.112 216.2)

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

#621C21

Crimson · Maroon · Wine Red

HEX
#621C21
RGB
rgb(98, 28, 33)
HSL
hsl(356, 56%, 25%)
HSB
hsb(356, 71%, 38%)
CMYK
cmyk(0%, 71%, 66%, 62%)
Oklch
oklch(34.1% 0.101 20.3)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#000000

Ink Black · Black · Jet Black

HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
HSB
hsb(0, 0%, 0%)
CMYK
cmyk(0%, 0%, 0%, 100%)
Oklch
oklch(0.0% 0.000 0.0)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#D1B068

Ginger · BurlyWood · Sunflower

HEX
#D1B068
RGB
rgb(209, 176, 104)
HSL
hsl(41, 53%, 61%)
HSB
hsb(41, 50%, 82%)
CMYK
cmyk(0%, 16%, 50%, 18%)
Oklch
oklch(77.1% 0.099 85.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FED600
0026FF

Analogous

FF5900
FED600
A6FF00

Triadic

FED600
00FFD9
D900FF

Split-Comp.

FED600
00A6FF
5900FF

Tetradic

FED600
00FF59
0026FF
FF00A6

Contrast Matrix WCAG 2.1 Contrast

FED600
0099B4
621C21
000000
D1B068
—
2.4
Fail
8.7
AAA
14.8
AAA
1.5
Fail
2.4
Fail
—
3.6
AA Large
6.2
AA
1.6
Fail
8.7
AAA
3.6
AA Large
—
1.7
Fail
5.9
AA
14.8
AAA
6.2
AA
1.7
Fail
—
10.1
AAA
1.5
Fail
1.6
Fail
5.9
AA
10.1
AAA
—
White BG
1.4Fail
3.4AA Large
12.3AAA
21.0AAA
2.1Fail
Black BG
14.8AAA
6.2AA
1.7Fail
1.0Fail
10.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDEC34
4244AD
444320
000000
C3C279

Deuteranopia

EFF240
392EAC
484D20
000000
C5C77E

Tritanopia

FC5D66
08A8A7
5F1F1F
000000
CF878A

Achromatopsia

CACACA
6E6E6E
323232
000000
B2B2B2

Shades & Tints Shades & Tints

#FED600

Dark
Light

#0099B4

Dark
Light

#621C21

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fed600;
  --color-2: #0099b4;
  --color-3: #621c21;
  --color-4: #000000;
  --color-5: #d1b068;
}

SCSS

$color-1: #fed600;
$color-2: #0099b4;
$color-3: #621c21;
$color-4: #000000;
$color-5: #d1b068;

TAILWIND

colors: {
  'brand-1': '#fed600',
  'brand-2': '#0099b4',
  'brand-3': '#621c21',
  'brand-4': '#000000',
  'brand-5': '#d1b068',
}

RGB Array

[254, 214, 0], [0, 153, 180], [98, 28, 33], [0, 0, 0], [209, 176, 104]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #FED600, #0099B4, #621C21, #000000, #D1B068 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: #fed600; --color-2: #0099b4; --color-3: #621c21; --color-4: #000000; --color-5: #d1b068. 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