← Back to Editor

#FFD79F · #F2BA63 · #D88831 · #9C1A22 · #230E13

A 5-color palette 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

#FFD79F

Goose Yellow · Wheat · Peach Orange

HEX
#FFD79F
RGB
rgb(255, 215, 159)
HSL
hsl(35, 100%, 81%)
HSB
hsb(35, 38%, 100%)
CMYK
cmyk(0%, 16%, 38%, 0%)
Oklch
oklch(90.0% 0.084 75.7)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#F2BA63

Ginger · SandyBrown · Warm Sun

HEX
#F2BA63
RGB
rgb(242, 186, 99)
HSL
hsl(37, 85%, 67%)
HSB
hsb(37, 59%, 95%)
CMYK
cmyk(0%, 23%, 59%, 5%)
Oklch
oklch(82.3% 0.123 76.6)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#D88831

Ginger · GoldenRod · Warm Sun

HEX
#D88831
RGB
rgb(216, 136, 49)
HSL
hsl(31, 68%, 52%)
HSB
hsb(31, 77%, 85%)
CMYK
cmyk(0%, 37%, 77%, 15%)
Oklch
oklch(69.6% 0.138 63.5)

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

#9C1A22

Vermilion · Brown · Wine Red

HEX
#9C1A22
RGB
rgb(156, 26, 34)
HSL
hsl(356, 71%, 36%)
HSB
hsb(356, 83%, 61%)
CMYK
cmyk(0%, 83%, 78%, 39%)
Oklch
oklch(45.0% 0.164 24.4)

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

#230E13

Crimson · Black · Deep Berry

HEX
#230E13
RGB
rgb(35, 14, 19)
HSL
hsl(346, 43%, 10%)
HSB
hsb(346, 60%, 14%)
CMYK
cmyk(0%, 60%, 46%, 86%)
Oklch
oklch(19.8% 0.036 5.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFD79F
9EC6FF

Analogous

FFA69E
FFD79F
F7FF9E

Triadic

FFD79F
9EFFD7
D79EFF

Split-Comp.

FFD79F
9EF7FF
A69EFF

Tetradic

FFD79F
9EFFA6
9EC6FF
FF9EF7

Contrast Matrix WCAG 2.1 Contrast

FFD79F
F2BA63
D88831
9C1A22
230E13
—
1.3
Fail
2.1
Fail
6.0
AA
13.5
AAA
1.3
Fail
—
1.6
Fail
4.6
AA
10.5
AAA
2.1
Fail
1.6
Fail
—
2.9
Fail
6.5
AA
6.0
AA
4.6
AA
2.9
Fail
—
2.3
Fail
13.5
AAA
10.5
AAA
6.5
AA
2.3
Fail
—
White BG
1.4Fail
1.8Fail
2.8Fail
8.1AAA
18.4AAA
Black BG
15.5AAA
12.0AAA
7.5AAA
2.6Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEDAD
DAD978
B5B546
646320
1A1A12

Deuteranopia

F0F3B0
DDE17D
BAC04B
6B7520
1B1D12

Tritanopia

FDB7BA
EF898C
D4575A
961F1E
221111

Achromatopsia

DDDDDD
C1C1C1
969696
424242
151515

Shades & Tints Shades & Tints

#FFD79F

Dark
Light

#F2BA63

Dark
Light

#D88831

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffd79f;
  --color-2: #f2ba63;
  --color-3: #d88831;
  --color-4: #9c1a22;
  --color-5: #230e13;
}

SCSS

$color-1: #ffd79f;
$color-2: #f2ba63;
$color-3: #d88831;
$color-4: #9c1a22;
$color-5: #230e13;

TAILWIND

colors: {
  'brand-1': '#ffd79f',
  'brand-2': '#f2ba63',
  'brand-3': '#d88831',
  'brand-4': '#9c1a22',
  'brand-5': '#230e13',
}

RGB Array

[255, 215, 159], [242, 186, 99], [216, 136, 49], [156, 26, 34], [35, 14, 19]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFD79F, #F2BA63, #D88831, #9C1A22, #230E13 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: #ffd79f; --color-2: #f2ba63; --color-3: #d88831; --color-4: #9c1a22; --color-5: #230e13. 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 general-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