#072E43 + #2E5769 + #A88E49 + #A36C43 + #372617 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#072E43

Lake Blue · MidnightBlue · Deep Sea Blue

HEX

#072E43

RGB

rgb(7, 46, 67)

HSL

hsl(201, 81%, 15%)

HSB

hsb(201, 90%, 26%)

CMYK

cmyk(90%, 31%, 0%, 74%)

Oklch

oklch(28.6% 0.057 237.7)

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

#2E5769

Slate Blue · DarkSlateGray · Mint Ice

HEX

#2E5769

RGB

rgb(46, 87, 105)

HSL

hsl(198, 39%, 30%)

HSB

hsb(198, 56%, 41%)

CMYK

cmyk(56%, 17%, 0%, 59%)

Oklch

oklch(43.5% 0.055 228.4)

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

#A88E49

Ochre · DarkGoldenRod · Honey Gold

HEX

#A88E49

RGB

rgb(168, 142, 73)

HSL

hsl(44, 39%, 47%)

HSB

hsb(44, 57%, 66%)

CMYK

cmyk(0%, 15%, 57%, 34%)

Oklch

oklch(65.6% 0.094 89.0)

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

#A36C43

Tangerine · Sienna · Amber Brown

HEX

#A36C43

RGB

rgb(163, 108, 67)

HSL

hsl(26, 42%, 45%)

HSB

hsb(26, 59%, 64%)

CMYK

cmyk(0%, 34%, 59%, 36%)

Oklch

oklch(58.1% 0.090 56.5)

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

#372617

Tangerine · DarkSlateGray · Cinnamon

HEX

#372617

RGB

rgb(55, 38, 23)

HSL

hsl(28, 41%, 15%)

HSB

hsb(28, 58%, 22%)

CMYK

cmyk(0%, 31%, 58%, 78%)

Oklch

oklch(28.5% 0.036 62.0)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

072E43

451D07

Analogous

07453C

072E43

071145

Triadic

072E43

450730

304507

Split-Comp.

072E43

450711

453C07

Tetradic

072E43

3C0745

451D07

114507

Contrast Matrix WCAG 2.1 Contrast

072E43	2E5769	A88E49	A36C43	372617
—	1.8 Fail	4.5 AA Large	3.2 AA Large	1.0 Fail
1.8 Fail	—	2.5 Fail	1.8 Fail	1.8 Fail
4.5 AA Large	2.5 Fail	—	1.4 Fail	4.6 AA
3.2 AA Large	1.8 Fail	1.4 Fail	—	3.3 AA Large
1.0 Fail	1.8 Fail	4.6 AA	3.3 AA Large	—

White BG

14.2AAA

7.8AAA

3.2AA Large

4.4AA Large

14.5AAA

Black BG

1.5Fail

2.7Fail

6.6AA

4.8AA

1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

18183E

404065

9D9D5A

8B8B4D

302F1B

Deuteranopia

16133D

3D3A64

9EA05E

8E934F

31321C

Tritanopia

093A39

306160

A7676A

A05556

361D1E

Achromatopsia

252525

4D4D4D

8E8E8E

787878

292929

Shades & Tints Shades & Tints

#072E43

Dark

Light

#2E5769

Dark

Light

#A88E49

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #072e43;
  --color-2: #2e5769;
  --color-3: #a88e49;
  --color-4: #a36c43;
  --color-5: #372617;
}

SCSS

$color-1: #072e43;
$color-2: #2e5769;
$color-3: #a88e49;
$color-4: #a36c43;
$color-5: #372617;

TAILWIND

colors: {
  'brand-1': '#072e43',
  'brand-2': '#2e5769',
  'brand-3': '#a88e49',
  'brand-4': '#a36c43',
  'brand-5': '#372617',
}

RGB Array

[7, 46, 67], [46, 87, 105], [168, 142, 73], [163, 108, 67], [55, 38, 23]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #072E43, #2E5769, #A88E49, #A36C43, #372617 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: #072e43; --color-2: #2e5769; --color-3: #a88e49; --color-4: #a36c43; --color-5: #372617. 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 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