← Back to Editor

#AB9F55 · #912F58 · #66ABA6 · #878376 · #272640

warm

A 5-color warm palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#AB9F55

Autumn Sage · Gray · Honey Gold

HEX
#AB9F55
RGB
rgb(171, 159, 85)
HSL
hsl(52, 34%, 50%)
HSB
hsb(52, 50%, 67%)
CMYK
cmyk(0%, 7%, 50%, 33%)
Oklch
oklch(69.7% 0.096 100.3)

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

#912F58

Dark Violet · Brown · Camellia

HEX
#912F58
RGB
rgb(145, 47, 88)
HSL
hsl(335, 51%, 38%)
HSB
hsb(335, 68%, 57%)
CMYK
cmyk(0%, 68%, 39%, 43%)
Oklch
oklch(46.2% 0.137 358.2)

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

#66ABA6

Mineral Blue · CadetBlue · Lake Green

HEX
#66ABA6
RGB
rgb(102, 171, 166)
HSL
hsl(176, 29%, 54%)
HSB
hsb(176, 40%, 67%)
CMYK
cmyk(40%, 0%, 3%, 33%)
Oklch
oklch(69.4% 0.071 189.7)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#878376

Ink Gray · Gray · Warm Gray

HEX
#878376
RGB
rgb(135, 131, 118)
HSL
hsl(46, 7%, 50%)
HSB
hsb(46, 13%, 53%)
CMYK
cmyk(0%, 3%, 13%, 47%)
Oklch
oklch(61.0% 0.020 92.8)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#272640

Deep Indigo · DarkSlateGray · Deep Sea Blue

HEX
#272640
RGB
rgb(39, 38, 64)
HSL
hsl(242, 25%, 20%)
HSB
hsb(242, 41%, 25%)
CMYK
cmyk(39%, 41%, 0%, 75%)
Oklch
oklch(28.3% 0.047 284.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AB9F55
5460AB

Analogous

AB7454
AB9F55
8BAB54

Triadic

AB9F55
54AB9F
9F54AB

Split-Comp.

AB9F55
548BAB
7454AB

Tetradic

AB9F55
54AB74
5460AB
AB548B

Contrast Matrix WCAG 2.1 Contrast

AB9F55
912F58
66ABA6
878376
272640
—
2.8
Fail
1.0
Fail
1.4
Fail
5.4
AA
2.8
Fail
—
2.9
Fail
2.0
Fail
1.9
Fail
1.0
Fail
2.9
Fail
—
1.4
Fail
5.5
AA
1.4
Fail
2.0
Fail
1.4
Fail
—
3.9
AA Large
5.4
AA
1.9
Fail
5.5
AA
3.9
AA Large
—
White BG
2.7Fail
7.6AAA
2.6Fail
3.8AA Large
14.6AAA
Black BG
7.8AAA
2.8Fail
7.9AAA
5.5AA
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A6A667
67664E
8484A7
858579
27273A

Deuteranopia

A7A76B
6C744C
807BA8
86867A
272738

Tritanopia

AA7578
8C4645
69A8A8
877C7C
273534

Achromatopsia

9A9A9A
515151
969696
838383
292929

Shades & Tints Shades & Tints

#AB9F55

Dark
Light

#912F58

Dark
Light

#66ABA6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ab9f55;
  --color-2: #912f58;
  --color-3: #66aba6;
  --color-4: #878376;
  --color-5: #272640;
}

SCSS

$color-1: #ab9f55;
$color-2: #912f58;
$color-3: #66aba6;
$color-4: #878376;
$color-5: #272640;

TAILWIND

colors: {
  'brand-1': '#ab9f55',
  'brand-2': '#912f58',
  'brand-3': '#66aba6',
  'brand-4': '#878376',
  'brand-5': '#272640',
}

RGB Array

[171, 159, 85], [145, 47, 88], [102, 171, 166], [135, 131, 118], [39, 38, 64]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #AB9F55, #912F58, #66ABA6, #878376, #272640 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ab9f55; --color-2: #912f58; --color-3: #66aba6; --color-4: #878376; --color-5: #272640. 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. Restrained colors convey professionalism and trust. 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