← Back to Editor

#9A4F27 · #614432 · #776B53 · #695A47 · #5D887E

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#9A4F27

Tangerine · Sienna · Amber Brown

HEX
#9A4F27
RGB
rgb(154, 79, 39)
HSL
hsl(21, 60%, 38%)
HSB
hsb(21, 75%, 60%)
CMYK
cmyk(0%, 49%, 75%, 40%)
Oklch
oklch(51.2% 0.113 46.6)

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

#614432

Tangerine · DarkOliveGreen · Amber Brown

HEX
#614432
RGB
rgb(97, 68, 50)
HSL
hsl(23, 32%, 29%)
HSB
hsb(23, 48%, 38%)
CMYK
cmyk(0%, 30%, 48%, 62%)
Oklch
oklch(41.4% 0.049 52.7)

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

#776B53

Ochre · DimGray · Honey Gold

HEX
#776B53
RGB
rgb(119, 107, 83)
HSL
hsl(40, 18%, 40%)
HSB
hsb(40, 30%, 47%)
CMYK
cmyk(0%, 10%, 30%, 53%)
Oklch
oklch(53.2% 0.039 84.4)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#695A47

Ochre · DarkOliveGreen · Amber Brown

HEX
#695A47
RGB
rgb(105, 90, 71)
HSL
hsl(34, 19%, 35%)
HSB
hsb(34, 32%, 41%)
CMYK
cmyk(0%, 14%, 32%, 59%)
Oklch
oklch(47.7% 0.035 73.4)

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

#5D887E

Mineral Blue · SlateGray · Mint Ice

HEX
#5D887E
RGB
rgb(93, 136, 126)
HSL
hsl(166, 19%, 45%)
HSB
hsb(166, 32%, 53%)
CMYK
cmyk(32%, 0%, 7%, 47%)
Oklch
oklch(59.2% 0.050 178.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9A4F27
27729B

Analogous

9B2738
9A4F27
9B8A27

Triadic

9A4F27
279B4F
4F279B

Split-Comp.

9A4F27
279B8A
27389B

Tetradic

9A4F27
389B27
27729B
8A279B

Contrast Matrix WCAG 2.1 Contrast

9A4F27
614432
776B53
695A47
5D887E
—
1.5
Fail
1.1
Fail
1.1
Fail
1.5
Fail
1.5
Fail
—
1.7
Fail
1.3
Fail
2.2
Fail
1.1
Fail
1.7
Fail
—
1.3
Fail
1.3
Fail
1.1
Fail
1.3
Fail
1.3
Fail
—
1.7
Fail
1.5
Fail
2.2
Fail
1.3
Fail
1.7
Fail
—
White BG
6.0AA
8.8AAA
5.2AA
6.7AA
4.0AA Large
Black BG
3.5AA Large
2.4Fail
4.0AA Large
3.2AA Large
5.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7A7931
545436
727259
63624C
707080

Deuteranopia

7E8433
565837
73735A
63654D
6D6A81

Tritanopia

96383A
603A3B
765D5E
684F50
5F8283

Achromatopsia

616161
4B4B4B
6C6C6C
5C5C5C
7A7A7A

Shades & Tints Shades & Tints

#9A4F27

Dark
Light

#614432

Dark
Light

#776B53

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9a4f27;
  --color-2: #614432;
  --color-3: #776b53;
  --color-4: #695a47;
  --color-5: #5d887e;
}

SCSS

$color-1: #9a4f27;
$color-2: #614432;
$color-3: #776b53;
$color-4: #695a47;
$color-5: #5d887e;

TAILWIND

colors: {
  'brand-1': '#9a4f27',
  'brand-2': '#614432',
  'brand-3': '#776b53',
  'brand-4': '#695a47',
  'brand-5': '#5d887e',
}

RGB Array

[154, 79, 39], [97, 68, 50], [119, 107, 83], [105, 90, 71], [93, 136, 126]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9A4F27, #614432, #776B53, #695A47, #5D887E is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. 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: #9a4f27; --color-2: #614432; --color-3: #776b53; --color-4: #695a47; --color-5: #5d887e. 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. 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 general-style 5-color scheme is especially suited for finance, legal, luxury 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