← Back to Editor

#1F2036 · #058695 · #93D2DC · #FBF4EE · #F7E23B

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

#1F2036

Indigo · DarkSlateGray · Deep Sea Blue

HEX
#1F2036
RGB
rgb(31, 32, 54)
HSL
hsl(237, 27%, 17%)
HSB
hsb(237, 43%, 21%)
CMYK
cmyk(43%, 41%, 0%, 79%)
Oklch
oklch(25.4% 0.041 281.0)

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

#058695

Lake Blue · Teal · Mint Ice

HEX
#058695
RGB
rgb(5, 134, 149)
HSL
hsl(186, 94%, 30%)
HSB
hsb(186, 97%, 58%)
CMYK
cmyk(97%, 10%, 0%, 42%)
Oklch
oklch(56.8% 0.097 208.7)

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

#93D2DC

Sky Blue · SkyBlue · Lake Green

HEX
#93D2DC
RGB
rgb(147, 210, 220)
HSL
hsl(188, 51%, 72%)
HSB
hsb(188, 33%, 86%)
CMYK
cmyk(33%, 5%, 0%, 14%)
Oklch
oklch(82.5% 0.065 208.3)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#FBF4EE

Apricot · SeaShell · Peach Orange

HEX
#FBF4EE
RGB
rgb(251, 244, 238)
HSL
hsl(28, 62%, 96%)
HSB
hsb(28, 5%, 98%)
CMYK
cmyk(0%, 3%, 5%, 2%)
Oklch
oklch(97.1% 0.011 63.4)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#F7E23B

Autumn Sage · Gold · Sunflower

HEX
#F7E23B
RGB
rgb(247, 226, 59)
HSL
hsl(53, 92%, 60%)
HSB
hsb(53, 76%, 97%)
CMYK
cmyk(0%, 9%, 76%, 3%)
Oklch
oklch(90.3% 0.174 101.8)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1F2036
373620

Analogous

202D37
1F2036
2A2037

Triadic

1F2036
372021
213720

Split-Comp.

1F2036
372A20
2D3720

Tetradic

1F2036
37202D
373620
20372A

Contrast Matrix WCAG 2.1 Contrast

1F2036
058695
93D2DC
FBF4EE
F7E23B
—
3.7
AA Large
9.5
AAA
14.6
AAA
12.1
AAA
3.7
AA Large
—
2.6
Fail
4.0
AA Large
3.3
AA Large
9.5
AAA
2.6
Fail
—
1.5
Fail
1.3
Fail
14.6
AAA
4.0
AA Large
1.5
Fail
—
1.2
Fail
12.1
AAA
3.3
AA Large
1.3
Fail
1.2
Fail
—
White BG
15.9AAA
4.3AA Large
1.7Fail
1.1Fail
1.3Fail
Black BG
1.3Fail
4.9AA
12.5AAA
19.3AAA
15.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1F1F31
3D3E91
AEAFDA
F8F8EF
EEEE63

Deuteranopia

1F1F2F
352C91
ABA6D9
F8F9F0
EFF16D

Tritanopia

1F2C2C
0B8F8E
96D8D7
FBF1F1
F6838A

Achromatopsia

222222
616161
C0C0C0
F5F5F5
D5D5D5

Shades & Tints Shades & Tints

#1F2036

Dark
Light

#058695

Dark
Light

#93D2DC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1f2036;
  --color-2: #058695;
  --color-3: #93d2dc;
  --color-4: #fbf4ee;
  --color-5: #f7e23b;
}

SCSS

$color-1: #1f2036;
$color-2: #058695;
$color-3: #93d2dc;
$color-4: #fbf4ee;
$color-5: #f7e23b;

TAILWIND

colors: {
  'brand-1': '#1f2036',
  'brand-2': '#058695',
  'brand-3': '#93d2dc',
  'brand-4': '#fbf4ee',
  'brand-5': '#f7e23b',
}

RGB Array

[31, 32, 54], [5, 134, 149], [147, 210, 220], [251, 244, 238], [247, 226, 59]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #1F2036, #058695, #93D2DC, #FBF4EE, #F7E23B 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: #1f2036; --color-2: #058695; --color-3: #93d2dc; --color-4: #fbf4ee; --color-5: #f7e23b. 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 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