#43254B + #3F2CF2 + #1374BA + #538376 + #A77A58 · warm - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#43254B

Dark Plum · DarkSlateGray · Eggplant

HEX

#43254B

RGB

rgb(67, 37, 75)

HSL

hsl(287, 34%, 22%)

HSB

hsb(287, 51%, 29%)

CMYK

cmyk(11%, 51%, 0%, 71%)

Oklch

oklch(32.0% 0.075 318.9)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#3F2CF2

Deep Indigo · SlateBlue · Navy Blue

HEX

#3F2CF2

RGB

rgb(63, 44, 242)

HSL

hsl(246, 88%, 56%)

HSB

hsb(246, 82%, 95%)

CMYK

cmyk(74%, 82%, 0%, 5%)

Oklch

oklch(48.2% 0.271 273.6)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#1374BA

Lake Blue · SteelBlue · Prussian Blue

HEX

#1374BA

RGB

rgb(19, 116, 186)

HSL

hsl(205, 81%, 40%)

HSB

hsb(205, 90%, 73%)

CMYK

cmyk(90%, 38%, 0%, 27%)

Oklch

oklch(54.4% 0.136 247.2)

Traditional「Lake Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

#538376

Mineral Blue · DimGray · Mint Ice

HEX

#538376

RGB

rgb(83, 131, 118)

HSL

hsl(164, 22%, 42%)

HSB

hsb(164, 37%, 51%)

CMYK

cmyk(37%, 0%, 10%, 49%)

Oklch

oklch(57.2% 0.056 175.2)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#A77A58

Tangerine · Gray · Amber Brown

HEX

#A77A58

RGB

rgb(167, 122, 88)

HSL

hsl(26, 31%, 50%)

HSB

hsb(26, 47%, 65%)

CMYK

cmyk(0%, 27%, 47%, 35%)

Oklch

oklch(61.6% 0.074 57.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

43254B

2D4B25

Analogous

30254B

43254B

4B2540

Triadic

43254B

4B4325

254B43

Split-Comp.

43254B

404B25

254B30

Tetradic

43254B

4B3025

2D4B25

25404B

Contrast Matrix WCAG 2.1 Contrast

43254B	3F2CF2	1374BA	538376	A77A58
—	1.8 Fail	2.6 Fail	3.0 AA Large	3.5 AA Large
1.8 Fail	—	1.5 Fail	1.7 Fail	2.0 Fail
2.6 Fail	1.5 Fail	—	1.2 Fail	1.3 Fail
3.0 AA Large	1.7 Fail	1.2 Fail	—	1.1 Fail
3.5 AA Large	2.0 Fail	1.3 Fail	1.1 Fail	—

White BG

13.1AAA

7.4AAA

5.0AA

4.3AA Large

3.8AA Large

Black BG

1.6Fail

2.9Fail

4.2AA Large

4.9AA

5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

363642

3737C2

3D3EA9

686879

949360

Deuteranopia

383A40

3839B7

3730A5

65617A

969A62

Tritanopia

423B39

3E9C94

189C99

557C7C

A56768

Achromatopsia

323232

484848

5F5F5F

737373

848484

Shades & Tints Shades & Tints

#43254B

Dark

Light

#3F2CF2

Dark

Light

#1374BA

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #43254b;
  --color-2: #3f2cf2;
  --color-3: #1374ba;
  --color-4: #538376;
  --color-5: #a77a58;
}

SCSS

$color-1: #43254b;
$color-2: #3f2cf2;
$color-3: #1374ba;
$color-4: #538376;
$color-5: #a77a58;

TAILWIND

colors: {
  'brand-1': '#43254b',
  'brand-2': '#3f2cf2',
  'brand-3': '#1374ba',
  'brand-4': '#538376',
  'brand-5': '#a77a58',
}

RGB Array

[67, 37, 75], [63, 44, 242], [19, 116, 186], [83, 131, 118], [167, 122, 88]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #43254B, #3F2CF2, #1374BA, #538376, #A77A58 is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #43254b; --color-2: #3f2cf2; --color-3: #1374ba; --color-4: #538376; --color-5: #a77a58. 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 tech, SaaS, healthcare, eco industries. 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