← Back to Editor

#F7E9CC · #2BBCB9 · #D7E5CC · #FDF2D6 · #AE9B8A

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

#F7E9CC

Goose Yellow · Bisque · Lemon Cream

HEX
#F7E9CC
RGB
rgb(247, 233, 204)
HSL
hsl(40, 73%, 88%)
HSB
hsb(40, 17%, 97%)
CMYK
cmyk(0%, 6%, 17%, 3%)
Oklch
oklch(93.8% 0.041 85.3)

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

#2BBCB9

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#2BBCB9
RGB
rgb(43, 188, 185)
HSL
hsl(179, 63%, 45%)
HSB
hsb(179, 77%, 74%)
CMYK
cmyk(77%, 0%, 2%, 26%)
Oklch
oklch(72.3% 0.115 192.7)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#D7E5CC

Celadon · LightGray · Mint Green

HEX
#D7E5CC
RGB
rgb(215, 229, 204)
HSL
hsl(94, 32%, 85%)
HSB
hsb(94, 11%, 90%)
CMYK
cmyk(6%, 0%, 11%, 10%)
Oklch
oklch(90.5% 0.037 131.2)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

#FDF2D6

Goose Yellow · Beige · Lemon Cream

HEX
#FDF2D6
RGB
rgb(253, 242, 214)
HSL
hsl(43, 91%, 92%)
HSB
hsb(43, 15%, 99%)
CMYK
cmyk(0%, 4%, 15%, 1%)
Oklch
oklch(96.3% 0.038 89.1)

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

#AE9B8A

Apricot · DarkGray · Warm Sun

HEX
#AE9B8A
RGB
rgb(174, 155, 138)
HSL
hsl(28, 18%, 61%)
HSB
hsb(28, 21%, 68%)
CMYK
cmyk(0%, 11%, 21%, 32%)
Oklch
oklch(70.1% 0.033 64.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F7E9CC
CAD9F7

Analogous

F7D2CA
F7E9CC
EFF7CA

Triadic

F7E9CC
CAF7E8
E8CAF7

Split-Comp.

F7E9CC
CAEFF7
D2CAF7

Tetradic

F7E9CC
CAF7D2
CAD9F7
F7CAEF

Contrast Matrix WCAG 2.1 Contrast

F7E9CC
2BBCB9
D7E5CC
FDF2D6
AE9B8A
—
1.9
Fail
1.1
Fail
1.1
Fail
2.2
Fail
1.9
Fail
—
1.8
Fail
2.1
Fail
1.1
Fail
1.1
Fail
1.8
Fail
—
1.2
Fail
2.0
Fail
1.1
Fail
2.1
Fail
1.2
Fail
—
2.4
Fail
2.2
Fail
1.1
Fail
2.0
Fail
2.4
Fail
—
White BG
1.2Fail
2.3Fail
1.3Fail
1.1Fail
2.7Fail
Black BG
17.5AAA
9.0AAA
16.0AAA
18.8AAA
7.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F1F1D3
6A6BBA
DDDDD2
F8F8DD
A6A68E

Deuteranopia

F2F3D5
6157BA
DCDBD4
F9FADE
A7A88F

Tritanopia

F6D9DA
32BABA
D8D7D8
FCE2E3
AD9192

Achromatopsia

EAEAEA
909090
DEDEDE
F2F2F2
9F9F9F

Shades & Tints Shades & Tints

#F7E9CC

Dark
Light

#2BBCB9

Dark
Light

#D7E5CC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f7e9cc;
  --color-2: #2bbcb9;
  --color-3: #d7e5cc;
  --color-4: #fdf2d6;
  --color-5: #ae9b8a;
}

SCSS

$color-1: #f7e9cc;
$color-2: #2bbcb9;
$color-3: #d7e5cc;
$color-4: #fdf2d6;
$color-5: #ae9b8a;

TAILWIND

colors: {
  'brand-1': '#f7e9cc',
  'brand-2': '#2bbcb9',
  'brand-3': '#d7e5cc',
  'brand-4': '#fdf2d6',
  'brand-5': '#ae9b8a',
}

RGB Array

[247, 233, 204], [43, 188, 185], [215, 229, 204], [253, 242, 214], [174, 155, 138]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #F7E9CC, #2BBCB9, #D7E5CC, #FDF2D6, #AE9B8A 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: #f7e9cc; --color-2: #2bbcb9; --color-3: #d7e5cc; --color-4: #fdf2d6; --color-5: #ae9b8a. 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