← Back to Editor

#09A389 · #046657 · #423403 · #2D2000 · #171D01

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 App

Color Details Color Details

#09A389

Mineral Blue · Teal · Mint Ice

HEX
#09A389
RGB
rgb(9, 163, 137)
HSL
hsl(170, 90%, 34%)
HSB
hsb(170, 94%, 64%)
CMYK
cmyk(94%, 0%, 16%, 36%)
Oklch
oklch(64.0% 0.119 175.8)

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

#046657

Mineral Blue · Teal · Peacock Green

HEX
#046657
RGB
rgb(4, 102, 87)
HSL
hsl(171, 92%, 21%)
HSB
hsb(171, 96%, 40%)
CMYK
cmyk(96%, 0%, 15%, 60%)
Oklch
oklch(45.7% 0.083 177.8)

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

#423403

Ochre · DarkOliveGreen · Amber Gold

HEX
#423403
RGB
rgb(66, 52, 3)
HSL
hsl(47, 91%, 14%)
HSB
hsb(47, 95%, 26%)
CMYK
cmyk(0%, 21%, 95%, 74%)
Oklch
oklch(33.1% 0.065 91.4)

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

#2D2000

Ochre · Black · Amber Gold

HEX
#2D2000
RGB
rgb(45, 32, 0)
HSL
hsl(43, 100%, 9%)
HSB
hsb(43, 100%, 18%)
CMYK
cmyk(0%, 29%, 100%, 82%)
Oklch
oklch(25.2% 0.052 86.4)

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

#171D01

Grass Green · Black · Dark Green

HEX
#171D01
RGB
rgb(23, 29, 1)
HSL
hsl(73, 93%, 6%)
HSB
hsb(73, 97%, 11%)
CMYK
cmyk(21%, 0%, 97%, 89%)
Oklch
oklch(21.7% 0.050 120.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

09A389
A50923

Analogous

09A53D
09A389
0971A5

Triadic

09A389
8B09A5
A58B09

Split-Comp.

09A389
A50971
A53D09

Tetradic

09A389
3D09A5
A50923
71A509

Contrast Matrix WCAG 2.1 Contrast

09A389
046657
423403
2D2000
171D01
—
2.2
Fail
3.8
AA Large
5.0
AA
5.5
AA
2.2
Fail
—
1.8
Fail
2.3
Fail
2.5
Fail
3.8
AA Large
1.8
Fail
—
1.3
Fail
1.4
Fail
5.0
AA
2.3
Fail
1.3
Fail
—
1.1
Fail
5.5
AA
2.5
Fail
1.4
Fail
1.1
Fail
—
White BG
3.2AA Large
6.9AA
12.2AAA
15.9AAA
17.3AAA
Black BG
6.6AA
3.0AA Large
1.7Fail
1.3Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

4C4D8F
2E2F5B
3C3C0F
272708
1A1A08

Deuteranopia

433791
29215C
3D3E12
28290A
191909

Tritanopia

119495
095D5E
41181A
2C0E0F
170D0E

Achromatopsia

727272
474747
333333
202020
181818

Shades & Tints Shades & Tints

#09A389

Dark
Light

#046657

Dark
Light

#423403

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #09a389;
  --color-2: #046657;
  --color-3: #423403;
  --color-4: #2d2000;
  --color-5: #171d01;
}

SCSS

$color-1: #09a389;
$color-2: #046657;
$color-3: #423403;
$color-4: #2d2000;
$color-5: #171d01;

TAILWIND

colors: {
  'brand-1': '#09a389',
  'brand-2': '#046657',
  'brand-3': '#423403',
  'brand-4': '#2d2000',
  'brand-5': '#171d01',
}

RGB Array

[9, 163, 137], [4, 102, 87], [66, 52, 3], [45, 32, 0], [23, 29, 1]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #09A389, #046657, #423403, #2D2000, #171D01 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. 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: #09a389; --color-2: #046657; --color-3: #423403; --color-4: #2d2000; --color-5: #171d01. 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 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