← Back to Editor

#A8A59F · #749492 · #2C5F7B · #25395E · #252935

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 ThemeCorporateData Visualization

Color Details Color Details

#A8A59F

Ash · DarkGray · Silver Sand

HEX
#A8A59F
RGB
rgb(168, 165, 159)
HSL
hsl(40, 5%, 64%)
HSB
hsb(40, 5%, 66%)
CMYK
cmyk(0%, 2%, 5%, 34%)
Oklch
oklch(72.3% 0.009 84.6)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#749492

Mineral Blue · LightSlateGray · Lake Green

HEX
#749492
RGB
rgb(116, 148, 146)
HSL
hsl(176, 13%, 52%)
HSB
hsb(176, 22%, 58%)
CMYK
cmyk(22%, 0%, 1%, 42%)
Oklch
oklch(64.2% 0.036 191.6)

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

#2C5F7B

Slate Blue · DarkSlateBlue · Prussian Blue

HEX
#2C5F7B
RGB
rgb(44, 95, 123)
HSL
hsl(201, 47%, 33%)
HSB
hsb(201, 64%, 48%)
CMYK
cmyk(64%, 23%, 0%, 52%)
Oklch
oklch(46.3% 0.071 235.2)

Traditional「Slate Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

#25395E

Indigo · DarkSlateGray · Prussian Blue

HEX
#25395E
RGB
rgb(37, 57, 94)
HSL
hsl(219, 44%, 26%)
HSB
hsb(219, 61%, 37%)
CMYK
cmyk(61%, 39%, 0%, 63%)
Oklch
oklch(34.7% 0.070 261.9)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#252935

Indigo · DarkSlateGray · Deep Sea Blue

HEX
#252935
RGB
rgb(37, 41, 53)
HSL
hsl(225, 18%, 18%)
HSB
hsb(225, 30%, 21%)
CMYK
cmyk(30%, 23%, 0%, 79%)
Oklch
oklch(28.2% 0.023 270.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A8A59F
9FA2A8

Analogous

A8A09F
A8A59F
A6A89F

Triadic

A8A59F
9FA8A5
A59FA8

Split-Comp.

A8A59F
9FA6A8
A09FA8

Tetradic

A8A59F
9FA8A0
9FA2A8
A89FA6

Contrast Matrix WCAG 2.1 Contrast

A8A59F
749492
2C5F7B
25395E
252935
—
1.3
Fail
2.8
Fail
4.7
AA
5.9
AA
1.3
Fail
—
2.1
Fail
3.5
AA Large
4.4
AA Large
2.8
Fail
2.1
Fail
—
1.7
Fail
2.1
Fail
4.7
AA
3.5
AA Large
1.7
Fail
—
1.3
Fail
5.9
AA
4.4
AA Large
2.1
Fail
1.3
Fail
—
White BG
2.5Fail
3.3AA Large
6.9AA
11.5AAA
14.5AAA
Black BG
8.5AAA
6.4AA
3.0AA Large
1.8Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A7A7A0
828292
424374
2E2E55
272732

Deuteranopia

A7A7A1
807E93
3F3B73
2D2B53
272631

Tritanopia

A8A2A2
769393
2F6F6E
264E4C
25302F

Achromatopsia

A5A5A5
8A8A8A
535353
373737
292929

Shades & Tints Shades & Tints

#A8A59F

Dark
Light

#749492

Dark
Light

#2C5F7B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a8a59f;
  --color-2: #749492;
  --color-3: #2c5f7b;
  --color-4: #25395e;
  --color-5: #252935;
}

SCSS

$color-1: #a8a59f;
$color-2: #749492;
$color-3: #2c5f7b;
$color-4: #25395e;
$color-5: #252935;

TAILWIND

colors: {
  'brand-1': '#a8a59f',
  'brand-2': '#749492',
  'brand-3': '#2c5f7b',
  'brand-4': '#25395e',
  'brand-5': '#252935',
}

RGB Array

[168, 165, 159], [116, 148, 146], [44, 95, 123], [37, 57, 94], [37, 41, 53]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A8A59F, #749492, #2C5F7B, #25395E, #252935 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: #a8a59f; --color-2: #749492; --color-3: #2c5f7b; --color-4: #25395e; --color-5: #252935. 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