← Back to Editor

#736362 · #F26E5A · #FA8A6B · #DFD1C7 · #B9E2DA

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

#736362

Crimson · DimGray · Warm Gray

HEX
#736362
RGB
rgb(115, 99, 98)
HSL
hsl(4, 8%, 42%)
HSB
hsb(4, 15%, 45%)
CMYK
cmyk(0%, 14%, 15%, 55%)
Oklch
oklch(51.5% 0.021 22.1)

Traditional「Crimson」· Paint「Warm Gray」· Creative Urban Concrete

#F26E5A

Peach Pink · Coral · Coral Red

HEX
#F26E5A
RGB
rgb(242, 110, 90)
HSL
hsl(8, 85%, 65%)
HSB
hsb(8, 63%, 95%)
CMYK
cmyk(0%, 55%, 63%, 5%)
Oklch
oklch(69.4% 0.167 30.6)

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

#FA8A6B

Peach Pink · Salmon · Coral Red

HEX
#FA8A6B
RGB
rgb(250, 138, 107)
HSL
hsl(13, 93%, 70%)
HSB
hsb(13, 57%, 98%)
CMYK
cmyk(0%, 45%, 57%, 2%)
Oklch
oklch(74.9% 0.144 36.4)

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

#DFD1C7

Apricot · LightGray · Peach Orange

HEX
#DFD1C7
RGB
rgb(223, 209, 199)
HSL
hsl(25, 27%, 83%)
HSB
hsb(25, 11%, 87%)
CMYK
cmyk(0%, 6%, 11%, 13%)
Oklch
oklch(86.9% 0.021 58.0)

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

#B9E2DA

Jade · LightBlue · Glacier Blue

HEX
#B9E2DA
RGB
rgb(185, 226, 218)
HSL
hsl(168, 41%, 81%)
HSB
hsb(168, 18%, 89%)
CMYK
cmyk(18%, 0%, 4%, 11%)
Oklch
oklch(88.1% 0.044 182.1)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

736362
637374

Analogous

74636A
736362
746C63

Triadic

736362
637464
646374

Split-Comp.

736362
63746C
636A74

Tetradic

736362
6A7463
637374
6C6374

Contrast Matrix WCAG 2.1 Contrast

736362
F26E5A
FA8A6B
DFD1C7
B9E2DA
—
1.9
Fail
2.4
Fail
3.8
AA Large
4.1
AA Large
1.9
Fail
—
1.2
Fail
2.0
Fail
2.1
Fail
2.4
Fail
1.2
Fail
—
1.6
Fail
1.7
Fail
3.8
AA Large
2.0
Fail
1.6
Fail
—
1.1
Fail
4.1
AA Large
2.1
Fail
1.7
Fail
1.1
Fail
—
White BG
5.7AA
2.9Fail
2.4Fail
1.5Fail
1.4Fail
Black BG
3.7AA Large
7.2AAA
8.9AAA
14.1AAA
15.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6C6C62
B9B85F
CAC873
D9D9C9
CBCBDC

Deuteranopia

6D6E62
C1CA60
D0D874
DADBCA
C8C5DC

Tritanopia

726262
EB6364
F4787A
DECBCC
BBDDDE

Achromatopsia

686868
939393
A8A8A8
D4D4D4
D5D5D5

Shades & Tints Shades & Tints

#736362

Dark
Light

#F26E5A

Dark
Light

#FA8A6B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #736362;
  --color-2: #f26e5a;
  --color-3: #fa8a6b;
  --color-4: #dfd1c7;
  --color-5: #b9e2da;
}

SCSS

$color-1: #736362;
$color-2: #f26e5a;
$color-3: #fa8a6b;
$color-4: #dfd1c7;
$color-5: #b9e2da;

TAILWIND

colors: {
  'brand-1': '#736362',
  'brand-2': '#f26e5a',
  'brand-3': '#fa8a6b',
  'brand-4': '#dfd1c7',
  'brand-5': '#b9e2da',
}

RGB Array

[115, 99, 98], [242, 110, 90], [250, 138, 107], [223, 209, 199], [185, 226, 218]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #736362, #F26E5A, #FA8A6B, #DFD1C7, #B9E2DA 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: #736362; --color-2: #f26e5a; --color-3: #fa8a6b; --color-4: #dfd1c7; --color-5: #b9e2da. 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