← Back to Editor

#BA8838 · #D17243 · #F74D4D · #FF1F78 · #C75F89

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

#BA8838

Ochre · DarkGoldenRod · Amber Brown

HEX
#BA8838
RGB
rgb(186, 136, 56)
HSL
hsl(37, 54%, 47%)
HSB
hsb(37, 70%, 73%)
CMYK
cmyk(0%, 27%, 70%, 27%)
Oklch
oklch(66.1% 0.113 76.0)

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

#D17243

Tangerine · Chocolate · Warm Sun

HEX
#D17243
RGB
rgb(209, 114, 67)
HSL
hsl(20, 61%, 54%)
HSB
hsb(20, 68%, 82%)
CMYK
cmyk(0%, 45%, 68%, 18%)
Oklch
oklch(65.1% 0.134 45.7)

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

#F74D4D

Peach Pink · Tomato · Coral Red

HEX
#F74D4D
RGB
rgb(247, 77, 77)
HSL
hsl(0, 91%, 64%)
HSB
hsb(0, 69%, 97%)
CMYK
cmyk(0%, 69%, 69%, 3%)
Oklch
oklch(66.0% 0.207 24.8)

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

#FF1F78

Dark Violet · DeepPink · Rose Pink

HEX
#FF1F78
RGB
rgb(255, 31, 120)
HSL
hsl(336, 100%, 56%)
HSB
hsb(336, 88%, 100%)
CMYK
cmyk(0%, 88%, 53%, 0%)
Oklch
oklch(65.0% 0.249 6.0)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#C75F89

Dark Violet · LightCoral · Rose Pink

HEX
#C75F89
RGB
rgb(199, 95, 137)
HSL
hsl(336, 48%, 58%)
HSB
hsb(336, 52%, 78%)
CMYK
cmyk(0%, 52%, 31%, 22%)
Oklch
oklch(62.3% 0.140 356.5)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BA8838
3769B9

Analogous

B94637
BA8838
A9B937

Triadic

BA8838
37B987
8737B9

Split-Comp.

BA8838
37A9B9
4637B9

Tetradic

BA8838
37B946
3769B9
B937A9

Contrast Matrix WCAG 2.1 Contrast

BA8838
D17243
F74D4D
FF1F78
C75F89
—
1.1
Fail
1.1
Fail
1.2
Fail
1.2
Fail
1.1
Fail
—
1.0
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.0
Fail
—
1.1
Fail
1.1
Fail
1.2
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
1.1
Fail
1.1
Fail
1.1
Fail
—
White BG
3.2AA Large
3.4AA Large
3.4AA Large
3.7AA Large
3.9AA Large
Black BG
6.7AA
6.2AA
6.1AA
5.7AA
5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A4A44B
A8A74E
ADAC4D
9E9C62
9A997F

Deuteranopia

A7AB50
ADB451
B7C44D
ABBC5D
A0A87C

Tritanopia

B85B5E
CC5759
EE4D4D
F4514E
C27775

Achromatopsia

8E8E8E
898989
808080
6C6C6C
838383

Shades & Tints Shades & Tints

#BA8838

Dark
Light

#D17243

Dark
Light

#F74D4D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ba8838;
  --color-2: #d17243;
  --color-3: #f74d4d;
  --color-4: #ff1f78;
  --color-5: #c75f89;
}

SCSS

$color-1: #ba8838;
$color-2: #d17243;
$color-3: #f74d4d;
$color-4: #ff1f78;
$color-5: #c75f89;

TAILWIND

colors: {
  'brand-1': '#ba8838',
  'brand-2': '#d17243',
  'brand-3': '#f74d4d',
  'brand-4': '#ff1f78',
  'brand-5': '#c75f89',
}

RGB Array

[186, 136, 56], [209, 114, 67], [247, 77, 77], [255, 31, 120], [199, 95, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #BA8838, #D17243, #F74D4D, #FF1F78, #C75F89 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: #ba8838; --color-2: #d17243; --color-3: #f74d4d; --color-4: #ff1f78; --color-5: #c75f89. 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