← Back to Editor

#360742 · #63AA52 · #F6FCCC · #790F23 · #493614

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

#360742

Royal Purple · MidnightBlue · Dark Purple

HEX
#360742
RGB
rgb(54, 7, 66)
HSL
hsl(288, 81%, 14%)
HSB
hsb(288, 89%, 26%)
CMYK
cmyk(18%, 89%, 0%, 74%)
Oklch
oklch(25.1% 0.108 318.2)

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

#63AA52

Celadon · MediumSeaGreen · Olive Green

HEX
#63AA52
RGB
rgb(99, 170, 82)
HSL
hsl(108, 35%, 49%)
HSB
hsb(108, 52%, 67%)
CMYK
cmyk(42%, 0%, 52%, 33%)
Oklch
oklch(67.1% 0.142 139.8)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#F6FCCC

Fresh Green · Beige · Lemon Cream

HEX
#F6FCCC
RGB
rgb(246, 252, 204)
HSL
hsl(68, 89%, 89%)
HSB
hsb(68, 19%, 99%)
CMYK
cmyk(2%, 0%, 19%, 1%)
Oklch
oklch(97.5% 0.062 113.4)

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

#790F23

Vermilion · Maroon · Wine Red

HEX
#790F23
RGB
rgb(121, 15, 35)
HSL
hsl(349, 78%, 27%)
HSB
hsb(349, 88%, 47%)
CMYK
cmyk(0%, 88%, 71%, 53%)
Oklch
oklch(37.4% 0.138 18.2)

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

#493614

Ochre · DarkOliveGreen · Cinnamon

HEX
#493614
RGB
rgb(73, 54, 20)
HSL
hsl(38, 57%, 18%)
HSB
hsb(38, 73%, 29%)
CMYK
cmyk(0%, 26%, 73%, 71%)
Oklch
oklch(34.7% 0.056 79.6)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

360742
124107

Analogous

180741
360742
41072F

Triadic

360742
413507
074135

Split-Comp.

360742
2F4107
074118

Tetradic

360742
411807
124107
072F41

Contrast Matrix WCAG 2.1 Contrast

360742
63AA52
F6FCCC
790F23
493614
—
5.8
AA
15.6
AAA
1.5
Fail
1.4
Fail
5.8
AA
—
2.7
Fail
3.9
AA Large
4.1
AA Large
15.6
AAA
2.7
Fail
—
10.3
AAA
10.8
AAA
1.5
Fail
3.9
AA Large
10.3
AAA
—
1.0
Fail
1.4
Fail
4.1
AA Large
10.8
AAA
1.0
Fail
—
White BG
16.6AAA
2.8Fail
1.1Fail
11.0AAA
11.5AAA
Black BG
1.3Fail
7.4AAA
19.7AAA
1.9Fail
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

222134
828267
F9F9D8
4B4A1E
41411C

Deuteranopia

242830
7E786C
F8F8DA
51591D
42431E

Tritanopia

342826
67787C
F6E1E3
741A1A
482324

Achromatopsia

1C1C1C
8B8B8B
F5F5F5
313131
383838

Shades & Tints Shades & Tints

#360742

Dark
Light

#63AA52

Dark
Light

#F6FCCC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #360742;
  --color-2: #63aa52;
  --color-3: #f6fccc;
  --color-4: #790f23;
  --color-5: #493614;
}

SCSS

$color-1: #360742;
$color-2: #63aa52;
$color-3: #f6fccc;
$color-4: #790f23;
$color-5: #493614;

TAILWIND

colors: {
  'brand-1': '#360742',
  'brand-2': '#63aa52',
  'brand-3': '#f6fccc',
  'brand-4': '#790f23',
  'brand-5': '#493614',
}

RGB Array

[54, 7, 66], [99, 170, 82], [246, 252, 204], [121, 15, 35], [73, 54, 20]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #360742, #63AA52, #F6FCCC, #790F23, #493614 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #360742; --color-2: #63aa52; --color-3: #f6fccc; --color-4: #790f23; --color-5: #493614. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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