← Back to Editor

#D16B67 · #504645 · #C6AC9F · #E8D0A2 · #FFEBCF

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

WorkspaceReadingData Visualization

Color Details Color Details

#D16B67

Peach Pink · LightCoral · Coral Red

HEX
#D16B67
RGB
rgb(209, 107, 103)
HSL
hsl(2, 54%, 61%)
HSB
hsb(2, 51%, 82%)
CMYK
cmyk(0%, 49%, 51%, 18%)
Oklch
oklch(64.6% 0.130 23.6)

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

#504645

Dark Cyan · DarkSlateGray · Charcoal

HEX
#504645
RGB
rgb(80, 70, 69)
HSL
hsl(5, 7%, 29%)
HSB
hsb(5, 14%, 31%)
CMYK
cmyk(0%, 12%, 14%, 69%)
Oklch
oklch(40.4% 0.014 24.6)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

#C6AC9F

Apricot · Tan · Warm Sun

HEX
#C6AC9F
RGB
rgb(198, 172, 159)
HSL
hsl(20, 25%, 70%)
HSB
hsb(20, 20%, 78%)
CMYK
cmyk(0%, 13%, 20%, 22%)
Oklch
oklch(76.3% 0.035 48.2)

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

#E8D0A2

Goose Yellow · Wheat · Peach Orange

HEX
#E8D0A2
RGB
rgb(232, 208, 162)
HSL
hsl(39, 60%, 77%)
HSB
hsb(39, 30%, 91%)
CMYK
cmyk(0%, 10%, 30%, 9%)
Oklch
oklch(86.6% 0.066 83.5)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#FFEBCF

Goose Yellow · Bisque · Peach Orange

HEX
#FFEBCF
RGB
rgb(255, 235, 207)
HSL
hsl(35, 100%, 91%)
HSB
hsb(35, 19%, 100%)
CMYK
cmyk(0%, 8%, 19%, 0%)
Oklch
oklch(94.9% 0.043 76.4)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D16B67
66CED1

Analogous

D16698
D16B67
D19F66

Triadic

D16B67
66D169
6966D1

Split-Comp.

D16B67
66D19F
6698D1

Tetradic

D16B67
98D166
66CED1
9F66D1

Contrast Matrix WCAG 2.1 Contrast

D16B67
504645
C6AC9F
E8D0A2
FFEBCF
—
2.6
Fail
1.6
Fail
2.3
Fail
3.0
AA Large
2.6
Fail
—
4.3
AA Large
6.1
AA
7.8
AAA
1.6
Fail
4.3
AA Large
—
1.4
Fail
1.8
Fail
2.3
Fail
6.1
AA
1.4
Fail
—
1.3
Fail
3.0
AA Large
7.8
AAA
1.8
Fail
1.3
Fail
—
White BG
3.5AA Large
9.1AAA
2.1Fail
1.5Fail
1.2Fail
Black BG
6.0AA
2.3Fail
9.8AAA
14.0AAA
18.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A5A468
4C4C45
BBBBA2
DEDDAD
F6F6D6

Deuteranopia

ABB268
4C4D45
BCBEA3
DFE1B0
F8F9D7

Tritanopia

CC6969
504545
C5A5A5
E7B6B8
FEDBDC

Achromatopsia

898989
494949
B2B2B2
D2D2D2
EEEEEE

Shades & Tints Shades & Tints

#D16B67

Dark
Light

#504645

Dark
Light

#C6AC9F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d16b67;
  --color-2: #504645;
  --color-3: #c6ac9f;
  --color-4: #e8d0a2;
  --color-5: #ffebcf;
}

SCSS

$color-1: #d16b67;
$color-2: #504645;
$color-3: #c6ac9f;
$color-4: #e8d0a2;
$color-5: #ffebcf;

TAILWIND

colors: {
  'brand-1': '#d16b67',
  'brand-2': '#504645',
  'brand-3': '#c6ac9f',
  'brand-4': '#e8d0a2',
  'brand-5': '#ffebcf',
}

RGB Array

[209, 107, 103], [80, 70, 69], [198, 172, 159], [232, 208, 162], [255, 235, 207]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #D16B67, #504645, #C6AC9F, #E8D0A2, #FFEBCF 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: #d16b67; --color-2: #504645; --color-3: #c6ac9f; --color-4: #e8d0a2; --color-5: #ffebcf. 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