← Back to Editor

#0AE9CE · #1BD0A7 · #07B66B · #09823B · #00561C

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#0AE9CE

Mineral Blue · DarkTurquoise · Mint Ice

HEX
#0AE9CE
RGB
rgb(10, 233, 206)
HSL
hsl(173, 92%, 48%)
HSB
hsb(173, 96%, 91%)
CMYK
cmyk(96%, 0%, 12%, 9%)
Oklch
oklch(83.7% 0.151 180.3)

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

#1BD0A7

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#1BD0A7
RGB
rgb(27, 208, 167)
HSL
hsl(166, 77%, 46%)
HSB
hsb(166, 87%, 82%)
CMYK
cmyk(87%, 0%, 20%, 18%)
Oklch
oklch(76.5% 0.146 171.4)

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

#07B66B

Mineral Blue · MediumSeaGreen · Forest Green

HEX
#07B66B
RGB
rgb(7, 182, 107)
HSL
hsl(154, 93%, 37%)
HSB
hsb(154, 96%, 71%)
CMYK
cmyk(96%, 0%, 41%, 29%)
Oklch
oklch(68.3% 0.166 155.6)

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

#09823B

Pine Green · ForestGreen · Forest Green

HEX
#09823B
RGB
rgb(9, 130, 59)
HSL
hsl(145, 87%, 27%)
HSB
hsb(145, 93%, 51%)
CMYK
cmyk(93%, 0%, 55%, 49%)
Oklch
oklch(53.1% 0.144 149.9)

Traditional「Pine Green」· Paint「Forest Green」· Creative Blush Sunrise

#00561C

Pine Green · DarkGreen · Dark Green

HEX
#00561C
RGB
rgb(0, 86, 28)
HSL
hsl(140, 100%, 17%)
HSB
hsb(140, 100%, 34%)
CMYK
cmyk(100%, 0%, 67%, 66%)
Oklch
oklch(39.5% 0.116 147.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0AE9CE
EB0A24

Analogous

0AEB60
0AE9CE
0A95EB

Triadic

0AE9CE
D10AEB
EBD10A

Split-Comp.

0AE9CE
EB0A95
EB600A

Tetradic

0AE9CE
600AEB
EB0A24
95EB0A

Contrast Matrix WCAG 2.1 Contrast

0AE9CE
1BD0A7
07B66B
09823B
00561C
—
1.3
Fail
1.7
Fail
3.2
AA Large
5.8
AA
1.3
Fail
—
1.3
Fail
2.5
Fail
4.5
AA
1.7
Fail
1.3
Fail
—
1.9
Fail
3.4
AA Large
3.2
AA Large
2.5
Fail
1.9
Fail
—
1.8
Fail
5.8
AA
4.5
AA
3.4
AA Large
1.8
Fail
—
White BG
1.5Fail
2.0Fail
2.7Fail
4.9AA
8.9AAA
Black BG
13.6AAA
10.6AAA
7.9AAA
4.3AA Large
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

6B6DD5
696BB1
53547D
3D3E4C
25262A

Deuteranopia

5E4DD6
5F51B3
493C82
362D50
201A2D

Tritanopia

15DADB
24B9BA
108B8F
0F5A5D
043538

Achromatopsia

A3A3A3
959595
797979
565656
363636

Shades & Tints Shades & Tints

#0AE9CE

Dark
Light

#1BD0A7

Dark
Light

#07B66B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0ae9ce;
  --color-2: #1bd0a7;
  --color-3: #07b66b;
  --color-4: #09823b;
  --color-5: #00561c;
}

SCSS

$color-1: #0ae9ce;
$color-2: #1bd0a7;
$color-3: #07b66b;
$color-4: #09823b;
$color-5: #00561c;

TAILWIND

colors: {
  'brand-1': '#0ae9ce',
  'brand-2': '#1bd0a7',
  'brand-3': '#07b66b',
  'brand-4': '#09823b',
  'brand-5': '#00561c',
}

RGB Array

[10, 233, 206], [27, 208, 167], [7, 182, 107], [9, 130, 59], [0, 86, 28]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0AE9CE, #1BD0A7, #07B66B, #09823B, #00561C 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: #0ae9ce; --color-2: #1bd0a7; --color-3: #07b66b; --color-4: #09823b; --color-5: #00561c. 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