Oceanic Serenity
Category: Blue
HEX
#2E86AB
RGB
rgb(46, 134, 171)
HSL
hsl(198, 58%, 43%)
OKLCH
oklch(0.585 0.099 230)
HEX
#A2DEE5
RGB
rgb(162, 222, 229)
HSL
hsl(186, 56%, 77%)
OKLCH
oklch(0.862 0.062 205)
HEX
#F4F7F5
RGB
rgb(244, 247, 245)
HSL
hsl(140, 16%, 96%)
OKLCH
oklch(0.973 0.004 157)
HEX
#F5C9C3
RGB
rgb(245, 201, 195)
HSL
hsl(7, 71%, 86%)
OKLCH
oklch(0.872 0.051 27)
HEX
#F2A2A0
RGB
rgb(242, 162, 160)
HSL
hsl(1, 76%, 79%)
OKLCH
oklch(0.790 0.096 21)
Download Palette
PRO
Sign in to unlock exports
Try it out
Checking out this colour palette: Oceanic Serenity
Content Preview
Secondary Heading
This is how your body text will look. You can see how an anchor link also looks.
The purpose of this preview is to provide a realistic demonstration of the palette in a typical user interface.
This form is for demonstration purposes only and is not functional.
#2E86AB
#A2DEE5
#F4F7F5
#F5C9C3
#F2A2A0
Explore More
Find more inspiration in our galleries and tools.
Colour Palette Collection
Browse hundreds of curated palettes.
Gradient Collection
Explore beautiful, ready-to-use gradients.
Country Flag Palettes
Discover palettes from the flags of the world.
16-Season Color System
Find your most flattering colors.
Colour of the Year
Explore annual trending colors.
HueFinder for Photos
Generate a colour palette from any image.
PRO
HueFinder for Logos
Generate a palette based on a brand logo.
PRO
AI Skin Tone Analyzer
Get a palette based on your skin tone.
PRO
WCAG Contrast Checker
Test colour accessibility.