← Back to Editor

#1F280D · #414F2C · #C7C787 · #625753 · #A0917E

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarm

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporateData Visualization

Color Details Color Details

#1F280D

Grass Green · Black · Dark Green

HEX
#1F280D
RGB
rgb(31, 40, 13)
HSL
hsl(80, 51%, 10%)
HSB
hsb(80, 68%, 16%)
CMYK
cmyk(22%, 0%, 67%, 84%)
Oklch
oklch(26.1% 0.047 124.9)

Traditional「Grass Green」· Paint「Dark Green」· Creative Blush Sunrise

#414F2C

Grass Green · DarkOliveGreen · Forest Green

HEX
#414F2C
RGB
rgb(65, 79, 44)
HSL
hsl(84, 28%, 24%)
HSB
hsb(84, 44%, 31%)
CMYK
cmyk(18%, 0%, 44%, 69%)
Oklch
oklch(40.6% 0.058 126.6)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#C7C787

Fresh Green · Tan · Sunflower

HEX
#C7C787
RGB
rgb(199, 199, 135)
HSL
hsl(60, 36%, 65%)
HSB
hsb(60, 32%, 78%)
CMYK
cmyk(0%, 0%, 32%, 22%)
Oklch
oklch(81.5% 0.084 108.1)

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

#625753

Tangerine · DimGray · Charcoal

HEX
#625753
RGB
rgb(98, 87, 83)
HSL
hsl(16, 8%, 35%)
HSB
hsb(16, 15%, 38%)
CMYK
cmyk(0%, 11%, 15%, 62%)
Oklch
oklch(46.6% 0.016 41.1)

Traditional「Tangerine」· Paint「Charcoal」· Creative Midnight Shadow

#A0917E

Ginger · Gray · Warm Sun

HEX
#A0917E
RGB
rgb(160, 145, 126)
HSL
hsl(34, 15%, 56%)
HSB
hsb(34, 21%, 63%)
CMYK
cmyk(0%, 9%, 21%, 37%)
Oklch
oklch(66.5% 0.033 73.7)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1F280D
150C27

Analogous

27220C
1F280D
11270C

Triadic

1F280D
0C1E27
270C1E

Split-Comp.

1F280D
0C1127
220C27

Tetradic

1F280D
0C2722
150C27
270C11

Contrast Matrix WCAG 2.1 Contrast

1F280D
414F2C
C7C787
625753
A0917E
—
1.7
Fail
8.7
AAA
2.2
Fail
5.0
AA
1.7
Fail
—
5.0
AA
1.3
Fail
2.9
Fail
8.7
AAA
5.0
AA
—
4.0
AA Large
1.7
Fail
2.2
Fail
1.3
Fail
4.0
AA Large
—
2.3
Fail
5.0
AA
2.9
Fail
1.7
Fail
2.3
Fail
—
White BG
15.4AAA
8.8AAA
1.8Fail
7.0AA
3.1AA Large
Black BG
1.4Fail
2.4Fail
11.9AAA
3.0AA Large
6.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

232314
474734
C7C796
5D5D54
9A9983

Deuteranopia

222215
464537
C7C79A
5E5F54
9A9C84

Tritanopia

1F191A
423B3D
C7A3A5
615555
9F8687

Achromatopsia

222222
474747
C0C0C0
5A5A5A
939393

Shades & Tints Shades & Tints

#1F280D

Dark
Light

#414F2C

Dark
Light

#C7C787

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1f280d;
  --color-2: #414f2c;
  --color-3: #c7c787;
  --color-4: #625753;
  --color-5: #a0917e;
}

SCSS

$color-1: #1f280d;
$color-2: #414f2c;
$color-3: #c7c787;
$color-4: #625753;
$color-5: #a0917e;

TAILWIND

colors: {
  'brand-1': '#1f280d',
  'brand-2': '#414f2c',
  'brand-3': '#c7c787',
  'brand-4': '#625753',
  'brand-5': '#a0917e',
}

RGB Array

[31, 40, 13], [65, 79, 44], [199, 199, 135], [98, 87, 83], [160, 145, 126]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1F280D, #414F2C, #C7C787, #625753, #A0917E is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #1f280d; --color-2: #414f2c; --color-3: #c7c787; --color-4: #625753; --color-5: #a0917e. 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 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