← Back to Editor

#00FFE9 · #01A395 · #00665E · #002A26 · #DF00FF

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

Color Details Color Details

#00FFE9

Mineral Blue · Cyan · Mint Ice

HEX
#00FFE9
RGB
rgb(0, 255, 233)
HSL
hsl(175, 100%, 50%)
HSB
hsb(175, 100%, 100%)
CMYK
cmyk(100%, 0%, 9%, 0%)
Oklch
oklch(89.8% 0.159 183.8)

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

#01A395

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#01A395
RGB
rgb(1, 163, 149)
HSL
hsl(175, 99%, 32%)
HSB
hsb(175, 99%, 64%)
CMYK
cmyk(99%, 0%, 9%, 36%)
Oklch
oklch(64.3% 0.114 184.2)

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

#00665E

Mineral Blue · Teal · Peacock Green

HEX
#00665E
RGB
rgb(0, 102, 94)
HSL
hsl(175, 100%, 20%)
HSB
hsb(175, 100%, 40%)
CMYK
cmyk(100%, 0%, 8%, 60%)
Oklch
oklch(45.9% 0.081 185.5)

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

#002A26

Mineral Blue · Black · Peacock Green

HEX
#002A26
RGB
rgb(0, 42, 38)
HSL
hsl(174, 100%, 8%)
HSB
hsb(174, 100%, 16%)
CMYK
cmyk(100%, 0%, 10%, 84%)
Oklch
oklch(25.6% 0.045 185.2)

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

#DF00FF

Royal Purple · Magenta · Violet

HEX
#DF00FF
RGB
rgb(223, 0, 255)
HSL
hsl(292, 100%, 50%)
HSB
hsb(292, 100%, 100%)
CMYK
cmyk(13%, 100%, 0%, 0%)
Oklch
oklch(65.4% 0.312 321.1)

Traditional「Royal Purple」· Paint「Violet」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

00FFE9
FF0015

Analogous

00FF6A
00FFE9
0095FF

Triadic

00FFE9
EA00FF
FFEA00

Split-Comp.

00FFE9
FF0095
FF6A00

Tetradic

00FFE9
6A00FF
FF0015
95FF00

Contrast Matrix WCAG 2.1 Contrast

00FFE9
01A395
00665E
002A26
DF00FF
—
2.5
Fail
5.4
AA
12.1
AAA
3.0
Fail
2.5
Fail
—
2.2
Fail
4.9
AA
1.2
Fail
5.4
AA
2.2
Fail
—
2.3
Fail
1.8
Fail
12.1
AAA
4.9
AA
2.3
Fail
—
4.1
AA Large
3.0
Fail
1.2
Fail
1.8
Fail
4.1
AA Large
—
White BG
1.3Fail
3.1AA Large
6.9AA
15.5AAA
3.8AA Large
Black BG
16.5AAA
6.7AA
3.1AA Large
1.4Fail
5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6E71EE
474998
2C2D60
121327
7E7CC1

Deuteranopia

604DF0
3E3299
261F60
100D27
8B9CB3

Tritanopia

0DF3F3
099B9C
056162
022828
D49186

Achromatopsia

B0B0B0
717171
474747
1D1D1D
606060

Shades & Tints Shades & Tints

#00FFE9

Dark
Light

#01A395

Dark
Light

#00665E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #00ffe9;
  --color-2: #01a395;
  --color-3: #00665e;
  --color-4: #002a26;
  --color-5: #df00ff;
}

SCSS

$color-1: #00ffe9;
$color-2: #01a395;
$color-3: #00665e;
$color-4: #002a26;
$color-5: #df00ff;

TAILWIND

colors: {
  'brand-1': '#00ffe9',
  'brand-2': '#01a395',
  'brand-3': '#00665e',
  'brand-4': '#002a26',
  'brand-5': '#df00ff',
}

RGB Array

[0, 255, 233], [1, 163, 149], [0, 102, 94], [0, 42, 38], [223, 0, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #00FFE9, #01A395, #00665E, #002A26, #DF00FF 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: #00ffe9; --color-2: #01a395; --color-3: #00665e; --color-4: #002a26; --color-5: #df00ff. 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