← Back to Editor

#F98B8A · #FAA789 · #635353 · #CAA869 · #D6DAD9

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

#F98B8A

Peach Pink · LightCoral · Coral Red

HEX
#F98B8A
RGB
rgb(249, 139, 138)
HSL
hsl(1, 90%, 76%)
HSB
hsb(1, 45%, 98%)
CMYK
cmyk(0%, 44%, 45%, 2%)
Oklch
oklch(75.5% 0.134 21.3)

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

#FAA789

Apricot · LightSalmon · Peach Orange

HEX
#FAA789
RGB
rgb(250, 167, 137)
HSL
hsl(16, 92%, 76%)
HSB
hsb(16, 45%, 98%)
CMYK
cmyk(0%, 33%, 45%, 2%)
Oklch
oklch(80.3% 0.107 40.6)

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

#635353

Crimson · DimGray · Charcoal

HEX
#635353
RGB
rgb(99, 83, 83)
HSL
hsl(0, 9%, 36%)
HSB
hsb(0, 16%, 39%)
CMYK
cmyk(0%, 16%, 16%, 61%)
Oklch
oklch(45.8% 0.021 18.0)

Traditional「Crimson」· Paint「Charcoal」· Creative Midnight Shadow

#CAA869

Ginger · Tan · Warm Sun

HEX
#CAA869
RGB
rgb(202, 168, 105)
HSL
hsl(39, 48%, 60%)
HSB
hsb(39, 48%, 79%)
CMYK
cmyk(0%, 17%, 48%, 21%)
Oklch
oklch(74.8% 0.090 82.0)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#D6DAD9

Silver Gray · LightGray · Pearl Gray

HEX
#D6DAD9
RGB
rgb(214, 218, 217)
HSL
hsl(165, 5%, 85%)
HSB
hsb(165, 2%, 85%)
CMYK
cmyk(2%, 0%, 0%, 15%)
Oklch
oklch(88.5% 0.005 179.7)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F98B8A
8BF7F9

Analogous

F98BC0
F98B8A
F9C48B

Triadic

F98B8A
8BF98D
8D8BF9

Split-Comp.

F98B8A
8BF9C4
8BC0F9

Tetradic

F98B8A
C0F98B
8BF7F9
C48BF9

Contrast Matrix WCAG 2.1 Contrast

F98B8A
FAA789
635353
CAA869
D6DAD9
—
1.2
Fail
3.1
AA Large
1.0
Fail
1.6
Fail
1.2
Fail
—
3.8
AA Large
1.2
Fail
1.4
Fail
3.1
AA Large
3.8
AA Large
—
3.2
AA Large
5.1
AA
1.0
Fail
1.2
Fail
3.2
AA Large
—
1.6
Fail
1.6
Fail
1.4
Fail
5.1
AA
1.6
Fail
—
White BG
2.3Fail
1.9Fail
7.3AAA
2.3Fail
1.4Fail
Black BG
9.1AAA
11.0AAA
2.9Fail
9.3AAA
14.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C88A
D6D590
5C5C53
BBBB78
D8D8D9

Deuteranopia

D0D88A
DBE192
5D5E53
BDC07C
D8D7D9

Tritanopia

F38A8A
F69697
625353
C88487
D6D9D9

Achromatopsia

ACACAC
BCBCBC
585858
ABABAB
D9D9D9

Shades & Tints Shades & Tints

#F98B8A

Dark
Light

#FAA789

Dark
Light

#635353

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f98b8a;
  --color-2: #faa789;
  --color-3: #635353;
  --color-4: #caa869;
  --color-5: #d6dad9;
}

SCSS

$color-1: #f98b8a;
$color-2: #faa789;
$color-3: #635353;
$color-4: #caa869;
$color-5: #d6dad9;

TAILWIND

colors: {
  'brand-1': '#f98b8a',
  'brand-2': '#faa789',
  'brand-3': '#635353',
  'brand-4': '#caa869',
  'brand-5': '#d6dad9',
}

RGB Array

[249, 139, 138], [250, 167, 137], [99, 83, 83], [202, 168, 105], [214, 218, 217]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #F98B8A, #FAA789, #635353, #CAA869, #D6DAD9 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: #f98b8a; --color-2: #faa789; --color-3: #635353; --color-4: #caa869; --color-5: #d6dad9. 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