Ocean Sunlit Harbour
412Ocean Sunlit Harbour color palette using #d8ccf7, #afe2bd, #3669de, #2e7963, #22414f.
From Nature
Ocean Color Palettes
Layered blues from surface foam down to deep water, plus a strip of wet sand. Its main colours include bubblegum (#f2cceb), periwinkle (#c5c8ee), lilac (#a996dd), slate blue (#6e57d2), emerald (#32b454), built as an analogous set around 195° on the colour wheel. Hex and RGB values for each swatch are listed below for quick copy.
Ocean color palette hex codes
Main ocean colours with named swatches, HEX and RGB. Derived from this tag's hue (195°), saturation (58%) and analogous scheme.
| Swatch | Name | HEX | RGB | Copy |
|---|---|---|---|---|
| Bubblegum swatch | Bubblegum | #f2cceb | rgb(242, 204, 235) | |
| Periwinkle swatch | Periwinkle | #c5c8ee | rgb(197, 200, 238) | |
| Lilac swatch | Lilac | #a996dd | rgb(169, 150, 221) | |
| Slate Blue swatch | Slate Blue | #6e57d2 | rgb(110, 87, 210) | |
| Emerald swatch | Emerald | #32b454 | rgb(50, 180, 84) | |
| Cobalt swatch | Cobalt | #203f99 | rgb(32, 63, 153) | |
| Hunter Green swatch | Hunter Green | #216d57 | rgb(33, 109, 87) | |
| Charcoal swatch | Charcoal | #1e4a59 | rgb(30, 74, 89) |
Ocean color palettes
Ocean Frosted Lantern
336Ocean Frosted Lantern color palette using #d1c5f8, #89ed9d, #5a7ac7, #2c7a66, #164c63.
Ocean Washed Studio
275Ocean Washed Studio color palette using #d9d1ec, #a6eab4, #4563c2, #199171, #1d4250.
Ocean Golden Archive
258Ocean Golden Archive color palette using #d4ccea, #9de7b4, #4762c2, #327161, #114358.
Ocean Electric Drift
241Ocean Electric Drift color palette using #d8d1eb, #8ce9a4, #4669c4, #347666, #254350.
Ocean Dusty Lantern
219Ocean Dusty Lantern color palette using #ccc6e3, #a8e7bc, #3e67d0, #29765e, #124359.
Ocean Wild Lantern
198Ocean Wild Lantern color palette using #dcd7ee, #97ebad, #5570b2, #19916e, #164f68.
Ocean Wild Current
186Ocean Wild Current color palette using #cdc4f4, #a1e7b6, #4469d2, #16997a, #12576c.
Ocean Soft Archive
182Ocean Soft Archive color palette using #d3c4f6, #b0e1ba, #5173c6, #189a74, #104555.
Ocean Dusty Ember
148Ocean Dusty Ember color palette using #c5b9f5, #a8d9b6, #6778b3, #1b8969, #1f424d.
Ocean Dusty Orchard
148Ocean Dusty Orchard color palette using #cebfef, #8eeaa1, #5f78b1, #1e7967, #154255.
Ocean Soft Ember
141Ocean Soft Ember color palette using #d7ceeb, #b2d8bb, #3567db, #367b67, #1c3d48.
Ocean Dusty Meadow
135Ocean Dusty Meadow color palette using #cdc4e4, #99e9ab, #3d65db, #2b7f69, #1e434e.
Ocean Velvet Signal
113Ocean Velvet Signal color palette using #cfc9e9, #a9e5b7, #677eb3, #159675, #184957.
Ocean Velvet Terrace
106Ocean Velvet Terrace color palette using #c9c0ee, #a3d8b2, #5b6fab, #1b9074, #15485a.
Ocean Sunlit Terrace
97Ocean Sunlit Terrace color palette using #d8d0f0, #9ff1b7, #5d72b2, #1e8364, #154a5c.
Ocean Quiet Studio
77Ocean Quiet Studio color palette using #d2c7eb, #a1e8b4, #466ed9, #217962, #1a3e4d.
Ocean Dusty Lantern
66Ocean Dusty Lantern color palette using #ccbbf4, #a0daaf, #3560d4, #1f816b, #134b59.
Ocean Smoked Current
66Ocean Smoked Current color palette using #cec4f5, #a2ecb4, #496cd6, #238f79, #125368.
Ocean Still Signal
62Ocean Still Signal color palette using #ccc5e4, #add8b7, #2c5ce0, #1b7d69, #1c5363.
Ocean Frosted Linen
48Ocean Frosted Linen color palette using #d3caf7, #8bf0a1, #3360d7, #11886a, #1c4b5e.
Ocean Smoked Prairie
46Ocean Smoked Prairie color palette using #d0c9e7, #b2dabe, #6474b5, #19866e, #11556a.
Ocean Golden Orchard
40Ocean Golden Orchard color palette using #d6d0ef, #a0efb9, #3654db, #22765c, #164054.
Ocean Antique Atlas
27Ocean Antique Atlas color palette using #d1c4f2, #9fd9ae, #5e74bc, #326d5c, #1e4f5a.
About ocean color palettes
Layered blues from surface foam down to deep water, plus a strip of wet sand. This page collects 24 ocean color palettes, each one generated and then filtered so that every scheme is actually usable in a real design rather than just pleasant to look at.
Most ocean schemes anchor somewhere around verdigris (#46acce), a cool hue sitting near 195 degrees on the color wheel at roughly 58% saturation. The palettes below span a lightness range of about 64 points, which is wide enough to give you a background, a mid-tone and a text color from the same set. Neighbouring hues that sit side by side on the color wheel for a calm, cohesive feel.
Colours sampled from ocean tend to be less saturated than people expect, because real light is never pure. Keeping one desaturated swatch in the palette is what makes the whole thing feel photographed rather than invented.
Need something more specific? Generate a custom scheme with the AI color palette generator or extract one from a photo with the color palette from image tool.
Related color palette collections
Ocean color palette FAQ
What colors are in a ocean color palette?
A typical ocean palette combines bubblegum (#f2cceb), periwinkle (#c5c8ee), lilac (#a996dd) and supporting tones. Layered blues from surface foam down to deep water, plus a strip of wet sand.
What are the hex codes for ocean?
Ocean is a colour family rather than a single value. The main hex codes on this page are #f2cceb, #c5c8ee, #a996dd, #6e57d2, #32b454, #203f99, #216d57, #1e4a59, centred near #46acce. Copy any value from the table above.
How do I use a ocean color palette in my design?
Assign the lightest swatch to backgrounds, the darkest to text, and use the remaining colours for accents and states. Copy the palette as CSS variables or a Tailwind theme from any palette page so the tokens stay consistent across your project.
Are these ocean palettes free to use?
Yes. All 24 palettes on this page are free for personal and commercial work, with no attribution and no account required. You can also type "ocean" into the AI color palette generator to build a fresh scheme in the same range.