← Back to Editor

#C5B489 · #FFD496 · #F07148 · #F96355 · #724C3F

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

#C5B489

Ginger · Tan · Sunflower

HEX
#C5B489
RGB
rgb(197, 180, 137)
HSL
hsl(43, 34%, 65%)
HSB
hsb(43, 30%, 77%)
CMYK
cmyk(0%, 9%, 30%, 23%)
Oklch
oklch(77.4% 0.061 89.0)

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

#FFD496

Goose Yellow · Khaki · Peach Orange

HEX
#FFD496
RGB
rgb(255, 212, 150)
HSL
hsl(35, 100%, 79%)
HSB
hsb(35, 41%, 100%)
CMYK
cmyk(0%, 17%, 41%, 0%)
Oklch
oklch(89.3% 0.092 76.2)

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

#F07148

Apricot · Tomato · Warm Sun

HEX
#F07148
RGB
rgb(240, 113, 72)
HSL
hsl(15, 85%, 61%)
HSB
hsb(15, 70%, 94%)
CMYK
cmyk(0%, 53%, 70%, 6%)
Oklch
oklch(69.3% 0.167 38.3)

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

#F96355

Peach Pink · Tomato · Coral Red

HEX
#F96355
RGB
rgb(249, 99, 85)
HSL
hsl(5, 93%, 65%)
HSB
hsb(5, 66%, 98%)
CMYK
cmyk(0%, 60%, 66%, 2%)
Oklch
oklch(68.9% 0.186 28.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#724C3F

Tangerine · DarkOliveGreen · Amber Brown

HEX
#724C3F
RGB
rgb(114, 76, 63)
HSL
hsl(15, 29%, 35%)
HSB
hsb(15, 45%, 45%)
CMYK
cmyk(0%, 33%, 45%, 55%)
Oklch
oklch(45.5% 0.056 39.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C5B489
8799C4

Analogous

C49587
C5B489
B7C487

Triadic

C5B489
87C4B3
B387C4

Split-Comp.

C5B489
87B7C4
9587C4

Tetradic

C5B489
87C495
8799C4
C487B7

Contrast Matrix WCAG 2.1 Contrast

C5B489
FFD496
F07148
F96355
724C3F
—
1.5
Fail
1.4
Fail
1.5
Fail
3.6
AA Large
1.5
Fail
—
2.1
Fail
2.2
Fail
5.4
AA
1.4
Fail
2.1
Fail
—
1.0
Fail
2.5
Fail
1.5
Fail
2.2
Fail
1.0
Fail
—
2.5
Fail
3.6
AA Large
5.4
AA
2.5
Fail
2.5
Fail
—
White BG
2.0Fail
1.4Fail
2.9Fail
3.0AA Large
7.4AAA
Black BG
10.3AAA
15.1AAA
7.2AAA
6.9AA
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBD93
ECECA5
B9B852
B8B758
626142

Deuteranopia

BFC096
EFF2A9
C0CA54
C1CC59
646743

Tritanopia

C49C9D
FDB1B3
EA5A5B
F15B5C
704545

Achromatopsia

B4B4B4
DADADA
929292
8E8E8E
565656

Shades & Tints Shades & Tints

#C5B489

Dark
Light

#FFD496

Dark
Light

#F07148

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c5b489;
  --color-2: #ffd496;
  --color-3: #f07148;
  --color-4: #f96355;
  --color-5: #724c3f;
}

SCSS

$color-1: #c5b489;
$color-2: #ffd496;
$color-3: #f07148;
$color-4: #f96355;
$color-5: #724c3f;

TAILWIND

colors: {
  'brand-1': '#c5b489',
  'brand-2': '#ffd496',
  'brand-3': '#f07148',
  'brand-4': '#f96355',
  'brand-5': '#724c3f',
}

RGB Array

[197, 180, 137], [255, 212, 150], [240, 113, 72], [249, 99, 85], [114, 76, 63]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C5B489, #FFD496, #F07148, #F96355, #724C3F 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: #c5b489; --color-2: #ffd496; --color-3: #f07148; --color-4: #f96355; --color-5: #724c3f. 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