← Back to Editor

#007D3D · #15B38B · #F5B00F · #B31515 · #7D0002

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 App

Color Details Color Details

#007D3D

Pine Green · ForestGreen · Forest Green

HEX
#007D3D
RGB
rgb(0, 125, 61)
HSL
hsl(149, 100%, 25%)
HSB
hsb(149, 100%, 49%)
CMYK
cmyk(100%, 0%, 51%, 51%)
Oklch
oklch(51.6% 0.137 151.7)

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

#15B38B

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#15B38B
RGB
rgb(21, 179, 139)
HSL
hsl(165, 79%, 39%)
HSB
hsb(165, 88%, 70%)
CMYK
cmyk(88%, 0%, 22%, 30%)
Oklch
oklch(68.3% 0.133 169.1)

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

#F5B00F

Ginger · Orange · Sunflower

HEX
#F5B00F
RGB
rgb(245, 176, 15)
HSL
hsl(42, 92%, 51%)
HSB
hsb(42, 94%, 96%)
CMYK
cmyk(0%, 28%, 94%, 4%)
Oklch
oklch(80.1% 0.164 79.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#B31515

Vermilion · FireBrick · Wine Red

HEX
#B31515
RGB
rgb(179, 21, 21)
HSL
hsl(0, 79%, 39%)
HSB
hsb(0, 88%, 70%)
CMYK
cmyk(0%, 88%, 88%, 30%)
Oklch
oklch(49.0% 0.189 28.0)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#7D0002

Vermilion · Maroon · Wine Red

HEX
#7D0002
RGB
rgb(125, 0, 2)
HSL
hsl(359, 100%, 25%)
HSB
hsb(359, 100%, 49%)
CMYK
cmyk(0%, 100%, 98%, 51%)
Oklch
oklch(37.0% 0.152 28.7)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

007D3D
800042

Analogous

028000
007D3D
00807D

Triadic

007D3D
3E0080
803E00

Split-Comp.

007D3D
7D0080
800002

Tetradic

007D3D
000280
800042
807D00

Contrast Matrix WCAG 2.1 Contrast

007D3D
15B38B
F5B00F
B31515
7D0002
—
2.0
Fail
2.8
Fail
1.3
Fail
2.1
Fail
2.0
Fail
—
1.4
Fail
2.6
Fail
4.2
AA Large
2.8
Fail
1.4
Fail
—
3.7
AA Large
5.9
AA
1.3
Fail
2.6
Fail
3.7
AA Large
—
1.6
Fail
2.1
Fail
4.2
AA Large
5.9
AA
1.6
Fail
—
White BG
5.2AA
2.7Fail
1.9Fail
6.9AA
11.2AAA
Black BG
4.0AA Large
7.9AAA
11.1AAA
3.0AA Large
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

36374C
595B95
D7D736
6F6D15
474602

Deuteranopia

2F2650
504497
DBE03F
788415
4E5801

Tritanopia

06595B
1D9C9E
F2555B
AB1515
770101

Achromatopsia

505050
7F7F7F
B2B2B2
444444
262626

Shades & Tints Shades & Tints

#007D3D

Dark
Light

#15B38B

Dark
Light

#F5B00F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #007d3d;
  --color-2: #15b38b;
  --color-3: #f5b00f;
  --color-4: #b31515;
  --color-5: #7d0002;
}

SCSS

$color-1: #007d3d;
$color-2: #15b38b;
$color-3: #f5b00f;
$color-4: #b31515;
$color-5: #7d0002;

TAILWIND

colors: {
  'brand-1': '#007d3d',
  'brand-2': '#15b38b',
  'brand-3': '#f5b00f',
  'brand-4': '#b31515',
  'brand-5': '#7d0002',
}

RGB Array

[0, 125, 61], [21, 179, 139], [245, 176, 15], [179, 21, 21], [125, 0, 2]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #007D3D, #15B38B, #F5B00F, #B31515, #7D0002 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: #007d3d; --color-2: #15b38b; --color-3: #f5b00f; --color-4: #b31515; --color-5: #7d0002. 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