← Back to Editor

#00022F · #17354F · #6B6102 · #A0A179 · #EDE1C7

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#00022F

Indigo · Black · Deep Sea Blue

HEX
#00022F
RGB
rgb(0, 2, 47)
HSL
hsl(237, 100%, 9%)
HSB
hsb(237, 100%, 18%)
CMYK
cmyk(100%, 96%, 0%, 82%)
Oklch
oklch(14.5% 0.091 264.2)

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

#17354F

Lake Blue · DarkSlateGray · Deep Sea Blue

HEX
#17354F
RGB
rgb(23, 53, 79)
HSL
hsl(208, 55%, 20%)
HSB
hsb(208, 71%, 31%)
CMYK
cmyk(71%, 33%, 0%, 69%)
Oklch
oklch(31.9% 0.059 247.1)

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

#6B6102

Autumn Sage · Olive · Amber Gold

HEX
#6B6102
RGB
rgb(107, 97, 2)
HSL
hsl(54, 96%, 21%)
HSB
hsb(54, 98%, 42%)
CMYK
cmyk(0%, 9%, 98%, 58%)
Oklch
oklch(48.7% 0.101 102.4)

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

#A0A179

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A0A179
RGB
rgb(160, 161, 121)
HSL
hsl(61, 18%, 55%)
HSB
hsb(61, 25%, 63%)
CMYK
cmyk(1%, 0%, 25%, 37%)
Oklch
oklch(69.8% 0.056 108.9)

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

#EDE1C7

Goose Yellow · Bisque · Lemon Cream

HEX
#EDE1C7
RGB
rgb(237, 225, 199)
HSL
hsl(41, 51%, 85%)
HSB
hsb(41, 16%, 93%)
CMYK
cmyk(0%, 5%, 16%, 7%)
Oklch
oklch(91.3% 0.037 86.2)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

00022F
2E2C00

Analogous

00192E
00022F
15002E

Triadic

00022F
2E0002
022E00

Split-Comp.

00022F
2E1500
192E00

Tetradic

00022F
2E0019
2E2C00
002E15

Contrast Matrix WCAG 2.1 Contrast

00022F
17354F
6B6102
A0A179
EDE1C7
—
1.6
Fail
3.2
AA Large
7.5
AAA
15.4
AAA
1.6
Fail
—
2.0
Fail
4.7
AA
9.8
AAA
3.2
AA Large
2.0
Fail
—
2.4
Fail
4.9
AA
7.5
AAA
4.7
AA
2.4
Fail
—
2.1
Fail
15.4
AAA
9.8
AAA
4.9
AA
2.1
Fail
—
White BG
20.0AAA
12.7AAA
6.3AA
2.7Fail
1.3Fail
Black BG
1.0Fail
1.7Fail
3.3AA Large
7.9AAA
16.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

010124
242449
676719
A0A083
E8E8CD

Deuteranopia

010122
222047
67681E
A0A085
E9E9CF

Tritanopia

001C1A
194443
6A2B2F
A08A8C
ECD2D3

Achromatopsia

070707
2F2F2F
595959
9C9C9C
E2E2E2

Shades & Tints Shades & Tints

#00022F

Dark
Light

#17354F

Dark
Light

#6B6102

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #00022f;
  --color-2: #17354f;
  --color-3: #6b6102;
  --color-4: #a0a179;
  --color-5: #ede1c7;
}

SCSS

$color-1: #00022f;
$color-2: #17354f;
$color-3: #6b6102;
$color-4: #a0a179;
$color-5: #ede1c7;

TAILWIND

colors: {
  'brand-1': '#00022f',
  'brand-2': '#17354f',
  'brand-3': '#6b6102',
  'brand-4': '#a0a179',
  'brand-5': '#ede1c7',
}

RGB Array

[0, 2, 47], [23, 53, 79], [107, 97, 2], [160, 161, 121], [237, 225, 199]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #00022F, #17354F, #6B6102, #A0A179, #EDE1C7 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #00022f; --color-2: #17354f; --color-3: #6b6102; --color-4: #a0a179; --color-5: #ede1c7. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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