← Back to Editor

#F090AB · #D6A4AF · #C3B6AD · #CBB0A5 · #E3A687

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F090AB

Rouge · LightCoral · Rose Pink

HEX
#F090AB
RGB
rgb(240, 144, 171)
HSL
hsl(343, 76%, 75%)
HSB
hsb(343, 40%, 94%)
CMYK
cmyk(0%, 40%, 29%, 6%)
Oklch
oklch(76.1% 0.120 2.2)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#D6A4AF

Peach Pink · Tan · Coral Red

HEX
#D6A4AF
RGB
rgb(214, 164, 175)
HSL
hsl(347, 38%, 74%)
HSB
hsb(347, 23%, 84%)
CMYK
cmyk(0%, 23%, 18%, 16%)
Oklch
oklch(76.8% 0.061 4.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#C3B6AD

Apricot · Silver · Warm Sun

HEX
#C3B6AD
RGB
rgb(195, 182, 173)
HSL
hsl(25, 15%, 72%)
HSB
hsb(25, 11%, 76%)
CMYK
cmyk(0%, 7%, 11%, 24%)
Oklch
oklch(78.5% 0.020 57.1)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#CBB0A5

Apricot · Tan · Warm Sun

HEX
#CBB0A5
RGB
rgb(203, 176, 165)
HSL
hsl(17, 27%, 72%)
HSB
hsb(17, 19%, 80%)
CMYK
cmyk(0%, 13%, 19%, 20%)
Oklch
oklch(77.8% 0.035 43.4)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#E3A687

Apricot · BurlyWood · Warm Sun

HEX
#E3A687
RGB
rgb(227, 166, 135)
HSL
hsl(20, 62%, 71%)
HSB
hsb(20, 41%, 89%)
CMYK
cmyk(0%, 27%, 41%, 11%)
Oklch
oklch(77.5% 0.084 48.0)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F090AB
8FF0D4

Analogous

F08FDB
F090AB
F0A48F

Triadic

F090AB
AAF08F
8FAAF0

Split-Comp.

F090AB
8FF0A4
8FDBF0

Tetradic

F090AB
DBF08F
8FF0D4
A48FF0

Contrast Matrix WCAG 2.1 Contrast

F090AB
D6A4AF
C3B6AD
CBB0A5
E3A687
—
1.1
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
1.0
Fail
1.1
Fail
1.1
Fail
—
1.0
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.0
Fail
—
1.0
Fail
1.1
Fail
1.0
Fail
1.1
Fail
1.0
Fail
—
White BG
2.3Fail
2.1Fail
2.0Fail
2.0Fail
2.1Fail
Black BG
9.3AAA
9.8AAA
10.6AAA
10.3AAA
10.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C6C6A4
C0C0AC
BDBDAF
BFBFA8
C9C88F

Deuteranopia

CCD3A3
C3C7AC
BEBFB0
C1C3A8
CCD190

Tritanopia

EB9F9E
D3AAAA
C2B1B1
CAAAAA
E09496

Achromatopsia

B0B0B0
B4B4B4
B9B9B9
B7B7B7
B5B5B5

Shades & Tints Shades & Tints

#F090AB

Dark
Light

#D6A4AF

Dark
Light

#C3B6AD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f090ab;
  --color-2: #d6a4af;
  --color-3: #c3b6ad;
  --color-4: #cbb0a5;
  --color-5: #e3a687;
}

SCSS

$color-1: #f090ab;
$color-2: #d6a4af;
$color-3: #c3b6ad;
$color-4: #cbb0a5;
$color-5: #e3a687;

TAILWIND

colors: {
  'brand-1': '#f090ab',
  'brand-2': '#d6a4af',
  'brand-3': '#c3b6ad',
  'brand-4': '#cbb0a5',
  'brand-5': '#e3a687',
}

RGB Array

[240, 144, 171], [214, 164, 175], [195, 182, 173], [203, 176, 165], [227, 166, 135]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #F090AB, #D6A4AF, #C3B6AD, #CBB0A5, #E3A687 is ideal for: health products, baby brands, fresh-style blogs. 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: #f090ab; --color-2: #d6a4af; --color-3: #c3b6ad; --color-4: #cbb0a5; --color-5: #e3a687. 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. 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