← Back to Editor

#C3CADA · #FDF9F0 · #F7A899 · #904E69 · #3F354E

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

#C3CADA

Azure · LightGray · Sky Blue

HEX
#C3CADA
RGB
rgb(195, 202, 218)
HSL
hsl(222, 24%, 81%)
HSB
hsb(222, 11%, 85%)
CMYK
cmyk(11%, 7%, 0%, 15%)
Oklch
oklch(83.8% 0.024 266.9)

Traditional「Azure」· Paint「Sky Blue」· Creative Twilight Haze

#FDF9F0

Goose Yellow · SeaShell · Lemon Cream

HEX
#FDF9F0
RGB
rgb(253, 249, 240)
HSL
hsl(42, 76%, 97%)
HSB
hsb(42, 5%, 99%)
CMYK
cmyk(0%, 2%, 5%, 1%)
Oklch
oklch(98.3% 0.013 86.8)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#F7A899

Peach Pink · LightSalmon · Coral Red

HEX
#F7A899
RGB
rgb(247, 168, 153)
HSL
hsl(10, 85%, 78%)
HSB
hsb(10, 38%, 97%)
CMYK
cmyk(0%, 32%, 38%, 3%)
Oklch
oklch(80.4% 0.097 31.2)

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

#904E69

Dark Violet · DimGray · Camellia

HEX
#904E69
RGB
rgb(144, 78, 105)
HSL
hsl(335, 30%, 44%)
HSB
hsb(335, 46%, 56%)
CMYK
cmyk(0%, 46%, 27%, 44%)
Oklch
oklch(51.1% 0.094 355.0)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#3F354E

Deep Indigo · DarkSlateGray · Eggplant

HEX
#3F354E
RGB
rgb(63, 53, 78)
HSL
hsl(264, 19%, 26%)
HSB
hsb(264, 32%, 31%)
CMYK
cmyk(19%, 32%, 0%, 69%)
Oklch
oklch(35.0% 0.045 302.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C3CADA
DAD3C3

Analogous

C3D6DA
C3CADA
C8C3DA

Triadic

C3CADA
DAC3CA
CADAC3

Split-Comp.

C3CADA
DAC8C3
D6DAC3

Tetradic

C3CADA
DAC3D6
DAD3C3
C3DAC8

Contrast Matrix WCAG 2.1 Contrast

C3CADA
FDF9F0
F7A899
904E69
3F354E
—
1.6
Fail
1.2
Fail
3.7
AA Large
7.0
AA
1.6
Fail
—
1.8
Fail
5.7
AA
10.9
AAA
1.2
Fail
1.8
Fail
—
3.2
AA Large
6.0
AA
3.7
AA Large
5.7
AA
3.2
AA Large
—
1.9
Fail
7.0
AA
10.9
AAA
6.0
AA
1.9
Fail
—
White BG
1.6Fail
1.1Fail
1.9Fail
6.0AA
11.5AAA
Black BG
12.8AAA
20.0AAA
11.0AAA
3.5AA Large
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C6C6D6
FBFBF2
D5D49D
737362
3B3B48

Deuteranopia

C6C5D5
FCFCF3
D9DF9E
777C61
3B3C47

Tritanopia

C3D3D2
FDF4F4
F39FA0
8D5D5C
3E4342

Achromatopsia

CACACA
F9F9F9
BEBEBE
656565
3B3B3B

Shades & Tints Shades & Tints

#C3CADA

Dark
Light

#FDF9F0

Dark
Light

#F7A899

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c3cada;
  --color-2: #fdf9f0;
  --color-3: #f7a899;
  --color-4: #904e69;
  --color-5: #3f354e;
}

SCSS

$color-1: #c3cada;
$color-2: #fdf9f0;
$color-3: #f7a899;
$color-4: #904e69;
$color-5: #3f354e;

TAILWIND

colors: {
  'brand-1': '#c3cada',
  'brand-2': '#fdf9f0',
  'brand-3': '#f7a899',
  'brand-4': '#904e69',
  'brand-5': '#3f354e',
}

RGB Array

[195, 202, 218], [253, 249, 240], [247, 168, 153], [144, 78, 105], [63, 53, 78]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #C3CADA, #FDF9F0, #F7A899, #904E69, #3F354E 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: #c3cada; --color-2: #fdf9f0; --color-3: #f7a899; --color-4: #904e69; --color-5: #3f354e. 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