← Back to Editor

#F6C96D · #D0C288 · #C29334 · #AB5B26 · #917C24

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

#F6C96D

Ginger · BurlyWood · Sunflower

HEX
#F6C96D
RGB
rgb(246, 201, 109)
HSL
hsl(40, 88%, 70%)
HSB
hsb(40, 56%, 96%)
CMYK
cmyk(0%, 18%, 56%, 4%)
Oklch
oklch(85.7% 0.122 83.7)

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

#D0C288

Ginger · Tan · Sunflower

HEX
#D0C288
RGB
rgb(208, 194, 136)
HSL
hsl(48, 43%, 67%)
HSB
hsb(48, 35%, 82%)
CMYK
cmyk(0%, 7%, 35%, 18%)
Oklch
oklch(81.2% 0.077 96.2)

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

#C29334

Ochre · GoldenRod · Honey Gold

HEX
#C29334
RGB
rgb(194, 147, 52)
HSL
hsl(40, 58%, 48%)
HSB
hsb(40, 73%, 76%)
CMYK
cmyk(0%, 24%, 73%, 24%)
Oklch
oklch(69.1% 0.123 81.4)

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

#AB5B26

Tangerine · Sienna · Amber Brown

HEX
#AB5B26
RGB
rgb(171, 91, 38)
HSL
hsl(24, 64%, 41%)
HSB
hsb(24, 78%, 67%)
CMYK
cmyk(0%, 47%, 78%, 33%)
Oklch
oklch(55.7% 0.123 50.7)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#917C24

Ochre · Olive · Honey Gold

HEX
#917C24
RGB
rgb(145, 124, 36)
HSL
hsl(48, 60%, 35%)
HSB
hsb(48, 75%, 57%)
CMYK
cmyk(0%, 14%, 75%, 43%)
Oklch
oklch(59.0% 0.107 95.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6C96D
6F9CF6

Analogous

F6866F
F6C96D
DFF66F

Triadic

F6C96D
6FF6C9
C96FF6

Split-Comp.

F6C96D
6FDFF6
866FF6

Tetradic

F6C96D
6FF686
6F9CF6
F66FDF

Contrast Matrix WCAG 2.1 Contrast

F6C96D
D0C288
C29334
AB5B26
917C24
—
1.1
Fail
1.8
Fail
3.2
AA Large
2.6
Fail
1.1
Fail
—
1.6
Fail
2.8
Fail
2.3
Fail
1.8
Fail
1.6
Fail
—
1.8
Fail
1.5
Fail
3.2
AA Large
2.8
Fail
1.8
Fail
—
1.2
Fail
2.6
Fail
2.3
Fail
1.5
Fail
1.2
Fail
—
White BG
1.6Fail
1.8Fail
2.8Fail
4.9AA
4.1AA Large
Black BG
13.5AAA
11.8AAA
7.5AAA
4.3AA Large
5.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E3E283
CACA96
AEAD4B
888833
888839

Deuteranopia

E5E989
CBCC99
B0B451
8D9336
898B3E

Tritanopia

F49599
CFA1A4
C05D61
A73D3F
904A4E

Achromatopsia

CCCCCC
C0C0C0
969696
6D6D6D
787878

Shades & Tints Shades & Tints

#F6C96D

Dark
Light

#D0C288

Dark
Light

#C29334

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6c96d;
  --color-2: #d0c288;
  --color-3: #c29334;
  --color-4: #ab5b26;
  --color-5: #917c24;
}

SCSS

$color-1: #f6c96d;
$color-2: #d0c288;
$color-3: #c29334;
$color-4: #ab5b26;
$color-5: #917c24;

TAILWIND

colors: {
  'brand-1': '#f6c96d',
  'brand-2': '#d0c288',
  'brand-3': '#c29334',
  'brand-4': '#ab5b26',
  'brand-5': '#917c24',
}

RGB Array

[246, 201, 109], [208, 194, 136], [194, 147, 52], [171, 91, 38], [145, 124, 36]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #F6C96D, #D0C288, #C29334, #AB5B26, #917C24 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: #f6c96d; --color-2: #d0c288; --color-3: #c29334; --color-4: #ab5b26; --color-5: #917c24. 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