← Back to Editor

#FFF8A0 · #C19840 · #9D6E36 · #290C00 · #1C261B

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

#FFF8A0

Fresh Green · Khaki · Lemon Cream

HEX
#FFF8A0
RGB
rgb(255, 248, 160)
HSL
hsl(56, 100%, 81%)
HSB
hsb(56, 37%, 100%)
CMYK
cmyk(0%, 3%, 37%, 0%)
Oklch
oklch(96.5% 0.109 104.3)

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

#C19840

Ochre · GoldenRod · Honey Gold

HEX
#C19840
RGB
rgb(193, 152, 64)
HSL
hsl(41, 51%, 50%)
HSB
hsb(41, 67%, 76%)
CMYK
cmyk(0%, 21%, 67%, 24%)
Oklch
oklch(70.1% 0.116 83.7)

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

#9D6E36

Ochre · Sienna · Amber Brown

HEX
#9D6E36
RGB
rgb(157, 110, 54)
HSL
hsl(33, 49%, 41%)
HSB
hsb(33, 66%, 62%)
CMYK
cmyk(0%, 30%, 66%, 38%)
Oklch
oklch(57.5% 0.094 68.7)

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

#290C00

Tangerine · Black · Cinnamon

HEX
#290C00
RGB
rgb(41, 12, 0)
HSL
hsl(18, 100%, 8%)
HSB
hsb(18, 100%, 16%)
CMYK
cmyk(0%, 71%, 100%, 84%)
Oklch
oklch(20.0% 0.055 47.2)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#1C261B

Celadon · Black · Dark Green

HEX
#1C261B
RGB
rgb(28, 38, 27)
HSL
hsl(115, 17%, 13%)
HSB
hsb(115, 29%, 15%)
CMYK
cmyk(26%, 0%, 29%, 85%)
Oklch
oklch(25.5% 0.025 142.5)

Traditional「Celadon」· Paint「Dark Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFF8A0
9EA5FF

Analogous

FFC89E
FFF8A0
D5FF9E

Triadic

FFF8A0
9EFFF9
F99EFF

Split-Comp.

FFF8A0
9ED5FF
C89EFF

Tetradic

FFF8A0
9EFFC8
9EA5FF
FF9ED5

Contrast Matrix WCAG 2.1 Contrast

FFF8A0
C19840
9D6E36
290C00
1C261B
—
2.4
Fail
4.1
AA Large
16.7
AAA
14.3
AAA
2.4
Fail
—
1.7
Fail
6.8
AA
5.8
AA
4.1
AA Large
1.7
Fail
—
4.1
AA Large
3.5
AA Large
16.7
AAA
6.8
AA
4.1
AA Large
—
1.2
Fail
14.3
AAA
5.8
AA
3.5
AA Large
1.2
Fail
—
White BG
1.1Fail
2.7Fail
4.5AA Large
18.3AAA
15.6AAA
Black BG
19.2AAA
7.8AAA
4.7AA
1.1Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

FCFCB5
AFAF55
898844
1C1C03
20201E

Deuteranopia

FCFDBA
B2B55A
8B8F47
1E2004
201F1E

Tritanopia

FFC6CA
BF666A
9B4E51
280506
1C2020

Achromatopsia

F0F0F0
9A9A9A
767676
131313
222222

Shades & Tints Shades & Tints

#FFF8A0

Dark
Light

#C19840

Dark
Light

#9D6E36

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fff8a0;
  --color-2: #c19840;
  --color-3: #9d6e36;
  --color-4: #290c00;
  --color-5: #1c261b;
}

SCSS

$color-1: #fff8a0;
$color-2: #c19840;
$color-3: #9d6e36;
$color-4: #290c00;
$color-5: #1c261b;

TAILWIND

colors: {
  'brand-1': '#fff8a0',
  'brand-2': '#c19840',
  'brand-3': '#9d6e36',
  'brand-4': '#290c00',
  'brand-5': '#1c261b',
}

RGB Array

[255, 248, 160], [193, 152, 64], [157, 110, 54], [41, 12, 0], [28, 38, 27]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #FFF8A0, #C19840, #9D6E36, #290C00, #1C261B 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: #fff8a0; --color-2: #c19840; --color-3: #9d6e36; --color-4: #290c00; --color-5: #1c261b. 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