← Back to Editor

#000E2F · #1A5958 · #25D99D · #32C9C7 · #B0EBF5

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

#000E2F

Indigo · Black · Deep Sea Blue

HEX
#000E2F
RGB
rgb(0, 14, 47)
HSL
hsl(222, 100%, 9%)
HSB
hsb(222, 100%, 18%)
CMYK
cmyk(100%, 70%, 0%, 82%)
Oklch
oklch(17.6% 0.071 259.7)

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

#1A5958

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#1A5958
RGB
rgb(26, 89, 88)
HSL
hsl(179, 55%, 23%)
HSB
hsb(179, 71%, 35%)
CMYK
cmyk(71%, 0%, 1%, 65%)
Oklch
oklch(42.5% 0.062 193.5)

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

#25D99D

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#25D99D
RGB
rgb(37, 217, 157)
HSL
hsl(160, 71%, 50%)
HSB
hsb(160, 83%, 85%)
CMYK
cmyk(83%, 0%, 28%, 15%)
Oklch
oklch(78.7% 0.161 163.8)

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

#32C9C7

Mineral Blue · MediumTurquoise · Mint Ice

HEX
#32C9C7
RGB
rgb(50, 201, 199)
HSL
hsl(179, 60%, 49%)
HSB
hsb(179, 75%, 79%)
CMYK
cmyk(75%, 0%, 1%, 21%)
Oklch
oklch(76.1% 0.120 193.6)

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

#B0EBF5

Sky Blue · LightBlue · Glacier Blue

HEX
#B0EBF5
RGB
rgb(176, 235, 245)
HSL
hsl(189, 78%, 83%)
HSB
hsb(189, 28%, 96%)
CMYK
cmyk(28%, 4%, 0%, 4%)
Oklch
oklch(90.3% 0.061 209.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

000E2F
2E2000

Analogous

00252E
000E2F
09002E

Triadic

000E2F
2E000E
0E2E00

Split-Comp.

000E2F
2E0900
252E00

Tetradic

000E2F
2E0025
2E2000
002E09

Contrast Matrix WCAG 2.1 Contrast

000E2F
1A5958
25D99D
32C9C7
B0EBF5
—
2.4
Fail
10.4
AAA
9.3
AAA
14.5
AAA
2.4
Fail
—
4.4
AA Large
3.9
AA Large
6.1
AA
10.4
AAA
4.4
AA Large
—
1.1
Fail
1.4
Fail
9.3
AAA
3.9
AA Large
1.1
Fail
—
1.6
Fail
14.5
AAA
6.1
AA
1.4
Fail
1.6
Fail
—
White BG
19.0AAA
8.0AAA
1.8Fail
2.0Fail
1.3Fail
Black BG
1.1Fail
2.6Fail
11.5AAA
10.3AAA
16.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

060627
353658
7375AC
7375C7
CACAF3

Deuteranopia

050425
322D58
695BAF
6B5FC8
C6C2F2

Tritanopia

01211F
1D5858
2EB7BA
3AC8C8
B3F1F0

Achromatopsia

0E0E0E
464646
9C9C9C
9C9C9C
DADADA

Shades & Tints Shades & Tints

#000E2F

Dark
Light

#1A5958

Dark
Light

#25D99D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #000e2f;
  --color-2: #1a5958;
  --color-3: #25d99d;
  --color-4: #32c9c7;
  --color-5: #b0ebf5;
}

SCSS

$color-1: #000e2f;
$color-2: #1a5958;
$color-3: #25d99d;
$color-4: #32c9c7;
$color-5: #b0ebf5;

TAILWIND

colors: {
  'brand-1': '#000e2f',
  'brand-2': '#1a5958',
  'brand-3': '#25d99d',
  'brand-4': '#32c9c7',
  'brand-5': '#b0ebf5',
}

RGB Array

[0, 14, 47], [26, 89, 88], [37, 217, 157], [50, 201, 199], [176, 235, 245]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #000E2F, #1A5958, #25D99D, #32C9C7, #B0EBF5 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #000e2f; --color-2: #1a5958; --color-3: #25d99d; --color-4: #32c9c7; --color-5: #b0ebf5. 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 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