← Back to Editor

#67B8A7 · #1F1508 · #990234 · #E64727 · #F0AB0C

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

#67B8A7

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#67B8A7
RGB
rgb(103, 184, 167)
HSL
hsl(167, 36%, 56%)
HSB
hsb(167, 44%, 72%)
CMYK
cmyk(44%, 0%, 9%, 28%)
Oklch
oklch(72.6% 0.084 178.7)

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

#1F1508

Ochre · Black · Cinnamon

HEX
#1F1508
RGB
rgb(31, 21, 8)
HSL
hsl(34, 59%, 8%)
HSB
hsb(34, 74%, 12%)
CMYK
cmyk(0%, 32%, 74%, 88%)
Oklch
oklch(20.5% 0.028 72.7)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#990234

Dark Violet · Brown · Camellia

HEX
#990234
RGB
rgb(153, 2, 52)
HSL
hsl(340, 97%, 30%)
HSB
hsb(340, 99%, 60%)
CMYK
cmyk(0%, 99%, 66%, 40%)
Oklch
oklch(43.6% 0.173 13.5)

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

#E64727

Vermilion · Chocolate · Passion Red

HEX
#E64727
RGB
rgb(230, 71, 39)
HSL
hsl(10, 79%, 53%)
HSB
hsb(10, 83%, 90%)
CMYK
cmyk(0%, 69%, 83%, 10%)
Oklch
oklch(62.2% 0.201 33.2)

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

#F0AB0C

Ochre · Orange · Honey Gold

HEX
#F0AB0C
RGB
rgb(240, 171, 12)
HSL
hsl(42, 90%, 49%)
HSB
hsb(42, 95%, 94%)
CMYK
cmyk(0%, 29%, 95%, 6%)
Oklch
oklch(78.7% 0.162 79.1)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

67B8A7
B76678

Analogous

66B77D
67B8A7
66A0B7

Triadic

67B8A7
A666B7
B7A666

Split-Comp.

67B8A7
B766A0
B77D66

Tetradic

67B8A7
7D66B7
B76678
A0B766

Contrast Matrix WCAG 2.1 Contrast

67B8A7
1F1508
990234
E64727
F0AB0C
—
7.7
AAA
3.7
AA Large
1.7
Fail
1.2
Fail
7.7
AAA
—
2.1
Fail
4.5
AA
9.0
AAA
3.7
AA Large
2.1
Fail
—
2.2
Fail
4.4
AA Large
1.7
Fail
4.5
AA
2.2
Fail
—
2.0
Fail
1.2
Fail
9.0
AAA
4.4
AA Large
2.0
Fail
—
White BG
2.3Fail
18.0AAA
8.7AAA
4.0AA Large
2.0Fail
Black BG
9.0AAA
1.2Fail
2.4Fail
5.3AA
10.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8A8BAB
1B1B0B
585628
A1A02F
D2D232

Deuteranopia

857FAC
1B1C0C
606C25
AAB631
D6DB3C

Tritanopia

6BAEAF
1F0E0E
911E1C
DE3536
ED5158

Achromatopsia

9E9E9E
171717
353535
737373
AEAEAE

Shades & Tints Shades & Tints

#67B8A7

Dark
Light

#1F1508

Dark
Light

#990234

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #67b8a7;
  --color-2: #1f1508;
  --color-3: #990234;
  --color-4: #e64727;
  --color-5: #f0ab0c;
}

SCSS

$color-1: #67b8a7;
$color-2: #1f1508;
$color-3: #990234;
$color-4: #e64727;
$color-5: #f0ab0c;

TAILWIND

colors: {
  'brand-1': '#67b8a7',
  'brand-2': '#1f1508',
  'brand-3': '#990234',
  'brand-4': '#e64727',
  'brand-5': '#f0ab0c',
}

RGB Array

[103, 184, 167], [31, 21, 8], [153, 2, 52], [230, 71, 39], [240, 171, 12]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #67B8A7, #1F1508, #990234, #E64727, #F0AB0C 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: #67b8a7; --color-2: #1f1508; --color-3: #990234; --color-4: #e64727; --color-5: #f0ab0c. 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