← Back to Editor

#6B6178 · #F78D86 · #FFFFFF · #7DC7A8 · #F1F291

sea

A 5-color sea palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#6B6178

Deep Indigo · DimGray · Violet

HEX
#6B6178
RGB
rgb(107, 97, 120)
HSL
hsl(266, 11%, 43%)
HSB
hsb(266, 19%, 47%)
CMYK
cmyk(11%, 19%, 0%, 53%)
Oklch
oklch(51.0% 0.038 304.8)

Traditional「Deep Indigo」· Paint「Violet」· Creative Blush Sunrise

#F78D86

Peach Pink · LightCoral · Coral Red

HEX
#F78D86
RGB
rgb(247, 141, 134)
HSL
hsl(4, 88%, 75%)
HSB
hsb(4, 46%, 97%)
CMYK
cmyk(0%, 43%, 46%, 3%)
Oklch
oklch(75.5% 0.130 24.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FFFFFF

Moonlight White · White · Cloud White

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

#7DC7A8

Jade · MediumAquaMarine · Apple Green

HEX
#7DC7A8
RGB
rgb(125, 199, 168)
HSL
hsl(155, 40%, 64%)
HSB
hsb(155, 37%, 78%)
CMYK
cmyk(37%, 0%, 16%, 22%)
Oklch
oklch(77.2% 0.087 165.8)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#F1F291

Fresh Green · Khaki · Lemon Cream

HEX
#F1F291
RGB
rgb(241, 242, 145)
HSL
hsl(61, 79%, 76%)
HSB
hsb(61, 40%, 95%)
CMYK
cmyk(0%, 0%, 40%, 5%)
Oklch
oklch(94.0% 0.120 109.0)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6B6178
6F7A62

Analogous

62637A
6B6178
78627A

Triadic

6B6178
7A6C62
627A6C

Split-Comp.

6B6178
7A7862
637A62

Tetradic

6B6178
7A6263
6F7A62
627A78

Contrast Matrix WCAG 2.1 Contrast

6B6178
F78D86
FFFFFF
7DC7A8
F1F291
—
2.5
Fail
5.8
AA
2.9
Fail
4.9
AA
2.5
Fail
—
2.3
Fail
1.2
Fail
2.0
Fail
5.8
AA
2.3
Fail
—
2.0
Fail
1.2
Fail
2.9
Fail
1.2
Fail
2.0
Fail
—
1.7
Fail
4.9
AA
2.0
Fail
1.2
Fail
1.7
Fail
—
White BG
5.8AA
2.3Fail
1.0Fail
2.0Fail
1.2Fail
Black BG
3.6AA Large
9.1AAA
21.0AAA
10.6AAA
17.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

676772
C9C888
FFFFFF
9D9EB0
F1F1A8

Deuteranopia

676871
CFD788
FFFFFF
9993B1
F1F1AE

Tritanopia

6A6E6D
F28989
FFFFFF
81B5B7
F1BBBF

Achromatopsia

676767
ACACAC
FFFFFF
ADADAD
E7E7E7

Shades & Tints Shades & Tints

#6B6178

Dark
Light

#F78D86

Dark
Light

#FFFFFF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6b6178;
  --color-2: #f78d86;
  --color-3: #ffffff;
  --color-4: #7dc7a8;
  --color-5: #f1f291;
}

SCSS

$color-1: #6b6178;
$color-2: #f78d86;
$color-3: #ffffff;
$color-4: #7dc7a8;
$color-5: #f1f291;

TAILWIND

colors: {
  'brand-1': '#6b6178',
  'brand-2': '#f78d86',
  'brand-3': '#ffffff',
  'brand-4': '#7dc7a8',
  'brand-5': '#f1f291',
}

RGB Array

[107, 97, 120], [247, 141, 134], [255, 255, 255], [125, 199, 168], [241, 242, 145]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #6B6178, #F78D86, #FFFFFF, #7DC7A8, #F1F291 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #6b6178; --color-2: #f78d86; --color-3: #ffffff; --color-4: #7dc7a8; --color-5: #f1f291. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 tech, SaaS, healthcare, eco industries. 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