← Back to Editor

#02262A · #094D51 · #1D7279 · #359097 · #22C791

sea

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

#02262A

Lake Blue · Black · Peacock Green

HEX
#02262A
RGB
rgb(2, 38, 42)
HSL
hsl(186, 91%, 9%)
HSB
hsb(186, 95%, 16%)
CMYK
cmyk(95%, 10%, 0%, 84%)
Oklch
oklch(24.6% 0.040 205.8)

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

#094D51

Lake Blue · DarkSlateGray · Peacock Green

HEX
#094D51
RGB
rgb(9, 77, 81)
HSL
hsl(183, 80%, 18%)
HSB
hsb(183, 89%, 32%)
CMYK
cmyk(89%, 5%, 0%, 68%)
Oklch
oklch(38.4% 0.062 201.2)

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

#1D7279

Lake Blue · Teal · Mint Ice

HEX
#1D7279
RGB
rgb(29, 114, 121)
HSL
hsl(185, 61%, 29%)
HSB
hsb(185, 76%, 47%)
CMYK
cmyk(76%, 6%, 0%, 53%)
Oklch
oklch(50.7% 0.078 203.2)

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

#359097

Slate Blue · SteelBlue · Mint Ice

HEX
#359097
RGB
rgb(53, 144, 151)
HSL
hsl(184, 48%, 40%)
HSB
hsb(184, 65%, 59%)
CMYK
cmyk(65%, 5%, 0%, 41%)
Oklch
oklch(60.3% 0.085 202.3)

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

#22C791

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#22C791
RGB
rgb(34, 199, 145)
HSL
hsl(160, 71%, 46%)
HSB
hsb(160, 83%, 78%)
CMYK
cmyk(83%, 0%, 27%, 22%)
Oklch
oklch(73.8% 0.150 164.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

02262A
2C0602

Analogous

022C1B
02262A
02132C

Triadic

02262A
2C0228
282C02

Split-Comp.

02262A
2C0213
2C1B02

Tetradic

02262A
1B022C
2C0602
132C02

Contrast Matrix WCAG 2.1 Contrast

02262A
094D51
1D7279
359097
22C791
—
1.7
Fail
2.8
Fail
4.3
AA Large
7.3
AAA
1.7
Fail
—
1.7
Fail
2.5
Fail
4.4
AA Large
2.8
Fail
1.7
Fail
—
1.5
Fail
2.6
Fail
4.3
AA Large
2.5
Fail
1.5
Fail
—
1.7
Fail
7.3
AAA
4.4
AA Large
2.6
Fail
1.7
Fail
—
White BG
16.0AAA
9.6AAA
5.6AA
3.8AA Large
2.2Fail
Black BG
1.3Fail
2.2Fail
3.7AA Large
5.6AA
9.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

121229
262750
424377
5C5D95
696B9E

Deuteranopia

100D29
231D50
3D3677
575095
6054A1

Tritanopia

042828
0C4F4F
217676
3A9494
2AA8AB

Achromatopsia

1C1C1C
393939
595959
767676
909090

Shades & Tints Shades & Tints

#02262A

Dark
Light

#094D51

Dark
Light

#1D7279

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #02262a;
  --color-2: #094d51;
  --color-3: #1d7279;
  --color-4: #359097;
  --color-5: #22c791;
}

SCSS

$color-1: #02262a;
$color-2: #094d51;
$color-3: #1d7279;
$color-4: #359097;
$color-5: #22c791;

TAILWIND

colors: {
  'brand-1': '#02262a',
  'brand-2': '#094d51',
  'brand-3': '#1d7279',
  'brand-4': '#359097',
  'brand-5': '#22c791',
}

RGB Array

[2, 38, 42], [9, 77, 81], [29, 114, 121], [53, 144, 151], [34, 199, 145]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #02262A, #094D51, #1D7279, #359097, #22C791 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: #02262a; --color-2: #094d51; --color-3: #1d7279; --color-4: #359097; --color-5: #22c791. 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 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