← Back to Editor

#B3523E · #D7863B · #F6E7B3 · #FFF0D1 · #8B933F

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

#B3523E

Crimson · Sienna · Passion Red

HEX
#B3523E
RGB
rgb(179, 82, 62)
HSL
hsl(10, 49%, 47%)
HSB
hsb(10, 65%, 70%)
CMYK
cmyk(0%, 54%, 65%, 30%)
Oklch
oklch(55.7% 0.131 33.2)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#D7863B

Tangerine · GoldenRod · Warm Sun

HEX
#D7863B
RGB
rgb(215, 134, 59)
HSL
hsl(29, 66%, 54%)
HSB
hsb(29, 73%, 84%)
CMYK
cmyk(0%, 38%, 73%, 16%)
Oklch
oklch(69.2% 0.133 60.1)

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

#F6E7B3

Goose Yellow · Wheat · Lemon Cream

HEX
#F6E7B3
RGB
rgb(246, 231, 179)
HSL
hsl(47, 79%, 83%)
HSB
hsb(47, 27%, 96%)
CMYK
cmyk(0%, 6%, 27%, 4%)
Oklch
oklch(92.7% 0.069 93.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#FFF0D1

Goose Yellow · Beige · Lemon Cream

HEX
#FFF0D1
RGB
rgb(255, 240, 209)
HSL
hsl(40, 100%, 91%)
HSB
hsb(40, 18%, 100%)
CMYK
cmyk(0%, 6%, 18%, 0%)
Oklch
oklch(95.9% 0.044 85.2)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#8B933F

Autumn Sage · Olive · Honey Gold

HEX
#8B933F
RGB
rgb(139, 147, 63)
HSL
hsl(66, 40%, 41%)
HSB
hsb(66, 57%, 58%)
CMYK
cmyk(5%, 0%, 57%, 42%)
Oklch
oklch(63.9% 0.109 114.0)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B3523E
3D9FB3

Analogous

B33D64
B3523E
B38B3D

Triadic

B3523E
3DB351
513DB3

Split-Comp.

B3523E
3DB38B
3D64B3

Tetradic

B3523E
64B33D
3D9FB3
8B3DB3

Contrast Matrix WCAG 2.1 Contrast

B3523E
D7863B
F6E7B3
FFF0D1
8B933F
—
1.8
Fail
4.1
AA Large
4.4
AA Large
1.5
Fail
1.8
Fail
—
2.3
Fail
2.5
Fail
1.2
Fail
4.1
AA Large
2.3
Fail
—
1.1
Fail
2.7
Fail
4.4
AA Large
2.5
Fail
1.1
Fail
—
2.9
Fail
1.5
Fail
1.2
Fail
2.7
Fail
2.9
Fail
—
White BG
5.0AA
2.9Fail
1.2Fail
1.1Fail
3.3AA Large
Black BG
4.2AA Large
7.4AAA
17.0AAA
18.6AAA
6.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

898843
B4B34D
F0EFC0
F9F8D9
8E8F53

Deuteranopia

8F9644
B9BF52
F0F2C3
F9FBDA
8E8D58

Tritanopia

AE4748
D35B5F
F5CACC
FEDEE0
8B6367

Achromatopsia

6D6D6D
969696
E6E6E6
F1F1F1
878787

Shades & Tints Shades & Tints

#B3523E

Dark
Light

#D7863B

Dark
Light

#F6E7B3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b3523e;
  --color-2: #d7863b;
  --color-3: #f6e7b3;
  --color-4: #fff0d1;
  --color-5: #8b933f;
}

SCSS

$color-1: #b3523e;
$color-2: #d7863b;
$color-3: #f6e7b3;
$color-4: #fff0d1;
$color-5: #8b933f;

TAILWIND

colors: {
  'brand-1': '#b3523e',
  'brand-2': '#d7863b',
  'brand-3': '#f6e7b3',
  'brand-4': '#fff0d1',
  'brand-5': '#8b933f',
}

RGB Array

[179, 82, 62], [215, 134, 59], [246, 231, 179], [255, 240, 209], [139, 147, 63]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #B3523E, #D7863B, #F6E7B3, #FFF0D1, #8B933F 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: #b3523e; --color-2: #d7863b; --color-3: #f6e7b3; --color-4: #fff0d1; --color-5: #8b933f. 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 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