#1C4037 + #034F29 + #1F402F + #262E1C + #1A0F0F · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#1C4037

Mineral Blue · DarkSlateGray · Peacock Green

HEX

#1C4037

RGB

rgb(28, 64, 55)

HSL

hsl(165, 39%, 18%)

HSB

hsb(165, 56%, 25%)

CMYK

cmyk(56%, 0%, 14%, 75%)

Oklch

oklch(34.2% 0.045 175.1)

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

#034F29

Mineral Blue · DarkGreen · Dark Green

HEX

#034F29

RGB

rgb(3, 79, 41)

HSL

hsl(150, 93%, 16%)

HSB

hsb(150, 96%, 31%)

CMYK

cmyk(96%, 0%, 48%, 69%)

Oklch

oklch(37.6% 0.093 153.9)

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

#1F402F

Celadon · DarkSlateGray · Dark Green

HEX

#1F402F

RGB

rgb(31, 64, 47)

HSL

hsl(149, 35%, 19%)

HSB

hsb(149, 52%, 25%)

CMYK

cmyk(52%, 0%, 27%, 75%)

Oklch

oklch(34.1% 0.050 159.7)

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

#262E1C

Grass Green · DarkSlateGray · Dark Green

HEX

#262E1C

RGB

rgb(38, 46, 28)

HSL

hsl(87, 24%, 15%)

HSB

hsb(87, 39%, 18%)

CMYK

cmyk(17%, 0%, 39%, 82%)

Oklch

oklch(28.8% 0.033 127.8)

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

#1A0F0F

Crimson · Black · Deep Berry

HEX

#1A0F0F

RGB

rgb(26, 15, 15)

HSL

hsl(0, 27%, 8%)

HSB

hsb(0, 42%, 10%)

CMYK

cmyk(0%, 42%, 42%, 90%)

Oklch

oklch(18.4% 0.019 19.0)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1C4037

401C25

Analogous

1C4025

1C4037

1C3740

Triadic

1C4037

371C40

40371C

Split-Comp.

1C4037

401C37

40251C

Tetradic

1C4037

251C40

401C25

37401C

Contrast Matrix WCAG 2.1 Contrast

1C4037	034F29	1F402F	262E1C	1A0F0F
—	1.2 Fail	1.0 Fail	1.2 Fail	1.6 Fail
1.2 Fail	—	1.2 Fail	1.4 Fail	1.9 Fail
1.0 Fail	1.2 Fail	—	1.2 Fail	1.6 Fail
1.2 Fail	1.4 Fail	1.2 Fail	—	1.3 Fail
1.6 Fail	1.9 Fail	1.6 Fail	1.3 Fail	—

White BG

11.4AAA

9.7AAA

11.5AAA

14.1AAA

18.8AAA

Black BG

1.8Fail

2.2Fail

1.8Fail

1.5Fail

1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

2C2C39

242532

2D2E33

292A20

15150F

Deuteranopia

2A273A

201A34

2B2934

292821

16170F

Tritanopia

1E3B3B

07393B

213637

262425

190F0F

Achromatopsia

343434

2A2A2A

121212

Shades & Tints Shades & Tints

#1C4037

Dark

Light

#034F29

Dark

Light

#1F402F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1c4037;
  --color-2: #034f29;
  --color-3: #1f402f;
  --color-4: #262e1c;
  --color-5: #1a0f0f;
}

SCSS

$color-1: #1c4037;
$color-2: #034f29;
$color-3: #1f402f;
$color-4: #262e1c;
$color-5: #1a0f0f;

TAILWIND

colors: {
  'brand-1': '#1c4037',
  'brand-2': '#034f29',
  'brand-3': '#1f402f',
  'brand-4': '#262e1c',
  'brand-5': '#1a0f0f',
}

RGB Array

[28, 64, 55], [3, 79, 41], [31, 64, 47], [38, 46, 28], [26, 15, 15]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #1C4037, #034F29, #1F402F, #262E1C, #1A0F0F is ideal for: tech websites, dark mode UIs, game UIs. 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: #1c4037; --color-2: #034f29; --color-3: #1f402f; --color-4: #262e1c; --color-5: #1a0f0f. 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 cool-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