← Back to Editor

#1A0629 · #853162 · #B74A73 · #FFA970 · #F4F5CB

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

#1A0629

Royal Purple · Black · Dark Purple

HEX
#1A0629
RGB
rgb(26, 6, 41)
HSL
hsl(274, 74%, 9%)
HSB
hsb(274, 85%, 16%)
CMYK
cmyk(37%, 85%, 0%, 84%)
Oklch
oklch(18.1% 0.070 307.2)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#853162

Rose Purple · Purple · Camellia

HEX
#853162
RGB
rgb(133, 49, 98)
HSL
hsl(325, 46%, 36%)
HSB
hsb(325, 63%, 52%)
CMYK
cmyk(0%, 63%, 26%, 48%)
Oklch
oklch(44.9% 0.128 347.4)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#B74A73

Dark Violet · MediumVioletRed · Camellia

HEX
#B74A73
RGB
rgb(183, 74, 115)
HSL
hsl(337, 43%, 50%)
HSB
hsb(337, 60%, 72%)
CMYK
cmyk(0%, 60%, 37%, 28%)
Oklch
oklch(56.4% 0.147 359.4)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#FFA970

Apricot · LightSalmon · Warm Sun

HEX
#FFA970
RGB
rgb(255, 169, 112)
HSL
hsl(24, 100%, 72%)
HSB
hsb(24, 56%, 100%)
CMYK
cmyk(0%, 34%, 56%, 0%)
Oklch
oklch(80.8% 0.125 53.6)

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

#F4F5CB

Fresh Green · Beige · Lemon Cream

HEX
#F4F5CB
RGB
rgb(244, 245, 203)
HSL
hsl(61, 68%, 88%)
HSB
hsb(61, 17%, 96%)
CMYK
cmyk(0%, 0%, 17%, 4%)
Oklch
oklch(95.9% 0.055 108.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1A0629
152806

Analogous

080628
1A0629
280626

Triadic

1A0629
281906
062819

Split-Comp.

1A0629
262806
062808

Tetradic

1A0629
280806
152806
062628

Contrast Matrix WCAG 2.1 Contrast

1A0629
853162
B74A73
FFA970
F4F5CB
—
2.4
Fail
3.8
AA Large
10.1
AAA
17.0
AAA
2.4
Fail
—
1.6
Fail
4.3
AA Large
7.2
AAA
3.8
AA Large
1.6
Fail
—
2.6
Fail
4.4
AA Large
10.1
AAA
4.3
AA Large
2.6
Fail
—
1.7
Fail
17.0
AAA
7.2
AAA
4.4
AA Large
1.7
Fail
—
White BG
19.1AAA
8.0AAA
5.0AA
1.9Fail
1.1Fail
Black BG
1.1Fail
2.6Fail
4.2AA Large
11.2AAA
18.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

111121
616056
888769
DAD97E
F4F4D5

Deuteranopia

13141F
666C53
8E9667
DFE581
F4F4D8

Tritanopia

191A18
814D4B
B26160
FB898B
F4DDDF

Achromatopsia

101010
505050
6F6F6F
BCBCBC
F0F0F0

Shades & Tints Shades & Tints

#1A0629

Dark
Light

#853162

Dark
Light

#B74A73

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1a0629;
  --color-2: #853162;
  --color-3: #b74a73;
  --color-4: #ffa970;
  --color-5: #f4f5cb;
}

SCSS

$color-1: #1a0629;
$color-2: #853162;
$color-3: #b74a73;
$color-4: #ffa970;
$color-5: #f4f5cb;

TAILWIND

colors: {
  'brand-1': '#1a0629',
  'brand-2': '#853162',
  'brand-3': '#b74a73',
  'brand-4': '#ffa970',
  'brand-5': '#f4f5cb',
}

RGB Array

[26, 6, 41], [133, 49, 98], [183, 74, 115], [255, 169, 112], [244, 245, 203]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #1A0629, #853162, #B74A73, #FFA970, #F4F5CB 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: #1a0629; --color-2: #853162; --color-3: #b74a73; --color-4: #ffa970; --color-5: #f4f5cb. 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