← Back to Editor

#0D1320 · #1E6152 · #23BA9A · #E67E3C · #D40F67

sea

A 5-color sea 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

#0D1320

Indigo · Black · Deep Sea Blue

HEX
#0D1320
RGB
rgb(13, 19, 32)
HSL
hsl(221, 42%, 9%)
HSB
hsb(221, 59%, 13%)
CMYK
cmyk(59%, 41%, 0%, 87%)
Oklch
oklch(18.8% 0.028 264.8)

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

#1E6152

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#1E6152
RGB
rgb(30, 97, 82)
HSL
hsl(167, 53%, 25%)
HSB
hsb(167, 69%, 38%)
CMYK
cmyk(69%, 0%, 15%, 62%)
Oklch
oklch(44.6% 0.071 175.1)

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

#23BA9A

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#23BA9A
RGB
rgb(35, 186, 154)
HSL
hsl(167, 68%, 43%)
HSB
hsb(167, 81%, 73%)
CMYK
cmyk(81%, 0%, 17%, 27%)
Oklch
oklch(70.7% 0.128 173.7)

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

#E67E3C

Tangerine · Coral · Warm Sun

HEX
#E67E3C
RGB
rgb(230, 126, 60)
HSL
hsl(23, 77%, 57%)
HSB
hsb(23, 74%, 90%)
CMYK
cmyk(0%, 45%, 74%, 10%)
Oklch
oklch(69.8% 0.151 50.2)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#D40F67

Dark Violet · MediumVioletRed · Camellia

HEX
#D40F67
RGB
rgb(212, 15, 103)
HSL
hsl(333, 87%, 45%)
HSB
hsb(333, 93%, 83%)
CMYK
cmyk(0%, 93%, 51%, 17%)
Oklch
oklch(56.4% 0.222 3.8)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0D1320
211A0D

Analogous

0D1D21
0D1320
110D21

Triadic

0D1320
210D13
13210D

Split-Comp.

0D1320
21110D
1D210D

Tetradic

0D1320
210D1D
211A0D
0D2111

Contrast Matrix WCAG 2.1 Contrast

0D1320
1E6152
23BA9A
E67E3C
D40F67
—
2.6
Fail
7.6
AAA
6.6
AA
3.6
AA Large
2.6
Fail
—
3.0
Fail
2.6
Fail
1.4
Fail
7.6
AAA
3.0
Fail
—
1.2
Fail
2.1
Fail
6.6
AA
2.6
Fail
1.2
Fail
—
1.8
Fail
3.6
AA Large
1.4
Fail
2.1
Fail
1.8
Fail
—
White BG
18.6AAA
7.3AAA
2.5Fail
2.8Fail
5.2AA
Black BG
1.1Fail
2.9Fail
8.6AAA
7.4AAA
4.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

10101D
3B3C56
6466A2
B9B84C
7F7D52

Deuteranopia

0F0F1C
373257
5C50A4
BFC750
8A994D

Tritanopia

0D1A1A
215859
2BA8A9
E1595B
CA413D

Achromatopsia

131313
4B4B4B
898989
969696
545454

Shades & Tints Shades & Tints

#0D1320

Dark
Light

#1E6152

Dark
Light

#23BA9A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0d1320;
  --color-2: #1e6152;
  --color-3: #23ba9a;
  --color-4: #e67e3c;
  --color-5: #d40f67;
}

SCSS

$color-1: #0d1320;
$color-2: #1e6152;
$color-3: #23ba9a;
$color-4: #e67e3c;
$color-5: #d40f67;

TAILWIND

colors: {
  'brand-1': '#0d1320',
  'brand-2': '#1e6152',
  'brand-3': '#23ba9a',
  'brand-4': '#e67e3c',
  'brand-5': '#d40f67',
}

RGB Array

[13, 19, 32], [30, 97, 82], [35, 186, 154], [230, 126, 60], [212, 15, 103]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #0D1320, #1E6152, #23BA9A, #E67E3C, #D40F67 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: #0d1320; --color-2: #1e6152; --color-3: #23ba9a; --color-4: #e67e3c; --color-5: #d40f67. 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 sea-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