← Back to Editor

#252038 · #A28800 · #A7AE68 · #9EB9C3 · #93DBF5

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#252038

Deep Indigo · DarkSlateGray · Deep Sea Blue

HEX
#252038
RGB
rgb(37, 32, 56)
HSL
hsl(253, 27%, 17%)
HSB
hsb(253, 43%, 22%)
CMYK
cmyk(34%, 43%, 0%, 78%)
Oklch
oklch(26.1% 0.045 292.6)

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

#A28800

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#A28800
RGB
rgb(162, 136, 0)
HSL
hsl(50, 100%, 32%)
HSB
hsb(50, 100%, 64%)
CMYK
cmyk(0%, 16%, 100%, 36%)
Oklch
oklch(63.2% 0.130 95.4)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#A7AE68

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A7AE68
RGB
rgb(167, 174, 104)
HSL
hsl(66, 30%, 55%)
HSB
hsb(66, 40%, 68%)
CMYK
cmyk(4%, 0%, 40%, 32%)
Oklch
oklch(72.9% 0.093 113.4)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#9EB9C3

Sky Blue · DarkGray · Lake Green

HEX
#9EB9C3
RGB
rgb(158, 185, 195)
HSL
hsl(196, 24%, 69%)
HSB
hsb(196, 19%, 76%)
CMYK
cmyk(19%, 5%, 0%, 24%)
Oklch
oklch(76.9% 0.033 222.2)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#93DBF5

Sky Blue · LightSkyBlue · Glacier Blue

HEX
#93DBF5
RGB
rgb(147, 219, 245)
HSL
hsl(196, 83%, 77%)
HSB
hsb(196, 40%, 96%)
CMYK
cmyk(40%, 11%, 0%, 4%)
Oklch
oklch(85.3% 0.080 222.7)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

252038
323720

Analogous

202637
252038
302037

Triadic

252038
372520
203725

Split-Comp.

252038
373020
263720

Tetradic

252038
372026
323720
203730

Contrast Matrix WCAG 2.1 Contrast

252038
A28800
A7AE68
9EB9C3
93DBF5
—
4.5
AA
6.6
AA
7.6
AAA
10.2
AAA
4.5
AA
—
1.5
Fail
1.7
Fail
2.3
Fail
6.6
AA
1.5
Fail
—
1.1
Fail
1.5
Fail
7.6
AAA
1.7
Fail
1.1
Fail
—
1.3
Fail
10.2
AAA
2.3
Fail
1.5
Fail
1.3
Fail
—
White BG
15.6AAA
3.5AA Large
2.4Fail
2.1Fail
1.5Fail
Black BG
1.3Fail
6.1AA
8.9AAA
10.2AAA
13.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

232332
979721
AAAA79
AAAAC1
B2B3EF

Deuteranopia

232431
989A29
AAA97D
A8A6C0
AEA9ED

Tritanopia

252E2D
A13B41
A78689
9FBFBE
97EAE9

Achromatopsia

242424
808080
A4A4A4
B2B2B2
C8C8C8

Shades & Tints Shades & Tints

#252038

Dark
Light

#A28800

Dark
Light

#A7AE68

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #252038;
  --color-2: #a28800;
  --color-3: #a7ae68;
  --color-4: #9eb9c3;
  --color-5: #93dbf5;
}

SCSS

$color-1: #252038;
$color-2: #a28800;
$color-3: #a7ae68;
$color-4: #9eb9c3;
$color-5: #93dbf5;

TAILWIND

colors: {
  'brand-1': '#252038',
  'brand-2': '#a28800',
  'brand-3': '#a7ae68',
  'brand-4': '#9eb9c3',
  'brand-5': '#93dbf5',
}

RGB Array

[37, 32, 56], [162, 136, 0], [167, 174, 104], [158, 185, 195], [147, 219, 245]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #252038, #A28800, #A7AE68, #9EB9C3, #93DBF5 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #252038; --color-2: #a28800; --color-3: #a7ae68; --color-4: #9eb9c3; --color-5: #93dbf5. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 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