← Back to Editor

#2FD1D6 · #7DDBB6 · #C2E3BA · #FFFDCC · #F7DEA8

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#2FD1D6

Lake Blue · Turquoise · Lake Green

HEX
#2FD1D6
RGB
rgb(47, 209, 214)
HSL
hsl(182, 67%, 51%)
HSB
hsb(182, 78%, 84%)
CMYK
cmyk(78%, 2%, 0%, 16%)
Oklch
oklch(78.5% 0.125 198.2)

Traditional「Lake Blue」· Paint「Lake Green」· Creative Blush Sunrise

#7DDBB6

Jade · MediumAquaMarine · Apple Green

HEX
#7DDBB6
RGB
rgb(125, 219, 182)
HSL
hsl(156, 57%, 67%)
HSB
hsb(156, 43%, 86%)
CMYK
cmyk(43%, 0%, 17%, 14%)
Oklch
oklch(82.3% 0.105 166.5)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#C2E3BA

Celadon · LightGray · Mint Green

HEX
#C2E3BA
RGB
rgb(194, 227, 186)
HSL
hsl(108, 42%, 81%)
HSB
hsb(108, 18%, 89%)
CMYK
cmyk(15%, 0%, 18%, 11%)
Oklch
oklch(88.1% 0.065 139.6)

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

#FFFDCC

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFDCC
RGB
rgb(255, 253, 204)
HSL
hsl(58, 100%, 90%)
HSB
hsb(58, 20%, 100%)
CMYK
cmyk(0%, 1%, 20%, 0%)
Oklch
oklch(98.4% 0.063 105.6)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#F7DEA8

Goose Yellow · Wheat · Lemon Cream

HEX
#F7DEA8
RGB
rgb(247, 222, 168)
HSL
hsl(41, 83%, 81%)
HSB
hsb(41, 32%, 97%)
CMYK
cmyk(0%, 10%, 32%, 3%)
Oklch
oklch(90.8% 0.075 86.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2FD1D6
D6342E

Analogous

2ED688
2FD1D6
2E7CD6

Triadic

2FD1D6
D62ED0
D0D62E

Split-Comp.

2FD1D6
D62E7C
D6882E

Tetradic

2FD1D6
882ED6
D6342E
7CD62E

Contrast Matrix WCAG 2.1 Contrast

2FD1D6
7DDBB6
C2E3BA
FFFDCC
F7DEA8
—
1.1
Fail
1.3
Fail
1.8
Fail
1.4
Fail
1.1
Fail
—
1.2
Fail
1.6
Fail
1.3
Fail
1.3
Fail
1.2
Fail
—
1.3
Fail
1.1
Fail
1.8
Fail
1.6
Fail
1.3
Fail
—
1.3
Fail
1.4
Fail
1.3
Fail
1.1
Fail
1.3
Fail
—
White BG
1.9Fail
1.7Fail
1.4Fail
1.0Fail
1.3Fail
Black BG
11.2AAA
12.7AAA
15.0AAA
20.2AAA
16.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7577D5
A6A7BF
D0D1C4
FEFED8
ECECB5

Deuteranopia

6C60D4
A099C1
CECCC6
FEFEDB
EEEFB8

Tritanopia

37D4D4
82C6C8
C4CCCD
FFE1E3
F6BFC2

Achromatopsia

A1A1A1
BBBBBB
D4D4D4
F8F8F8
DFDFDF

Shades & Tints Shades & Tints

#2FD1D6

Dark
Light

#7DDBB6

Dark
Light

#C2E3BA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2fd1d6;
  --color-2: #7ddbb6;
  --color-3: #c2e3ba;
  --color-4: #fffdcc;
  --color-5: #f7dea8;
}

SCSS

$color-1: #2fd1d6;
$color-2: #7ddbb6;
$color-3: #c2e3ba;
$color-4: #fffdcc;
$color-5: #f7dea8;

TAILWIND

colors: {
  'brand-1': '#2fd1d6',
  'brand-2': '#7ddbb6',
  'brand-3': '#c2e3ba',
  'brand-4': '#fffdcc',
  'brand-5': '#f7dea8',
}

RGB Array

[47, 209, 214], [125, 219, 182], [194, 227, 186], [255, 253, 204], [247, 222, 168]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #2FD1D6, #7DDBB6, #C2E3BA, #FFFDCC, #F7DEA8 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #2fd1d6; --color-2: #7ddbb6; --color-3: #c2e3ba; --color-4: #fffdcc; --color-5: #f7dea8. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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