Ocean color palettes
Deep navy, sea glass and sandy neutrals from harbours, reefs and open water. 39 palettes, each with HEX codes.
- Harbour Morning
- Salt Morning
- Glacier Lake
- Sunhat Weekend
- Verdigris and Basin
- Boardwalk and Lighthouse
- Moonpool Water
- Sailcloth Walk
- Atoll Mirror
- Boardwalk Season
- Shell and Sailcloth
- Ripple Haven
- Seaglass Morning
- Brine and Rope
- Shell Afternoon
- Seaglass Pier
- Pearl Swell
- Coral and Kelp
- Ripple Mirror
- Anchor Swell
- Pearl and Lagoon
- Dune Afternoon
- Ripple Glass
- Driftwood Tide
- Moonpool Spring
- Shell Breeze
- Sandbar Weekend
- Kelp and Tidal
- Kelp Pier
- Coral and Anchor
- Kelp Cove
- Breakwater and Seaglass
- Seaglass Cove
- Atoll Haven
- Basin Bay
- Dune Weekend
- Brine Season
- Aqua and Ripple
- Kelp Drift
Most common colors in ocean color palettes
Deep navy, sea glass and sandy neutrals from harbours, reefs and open water. Across all 39 ocean palettes here, these named colors come up most often. Each links to its hex, RGB and OKLCH values and the colors that go with it.
- Oxford Blue#1B263Bin 8 palettes
- Rich Black#0D1B2Ain 8 palettes
- White Smoke#F5F5F5in 6 palettes
- Dark Blue Grey#1F3B4Din 5 palettes
- Midnight Green#073B4Cin 5 palettes
- Saffron#E9C46Ain 5 palettes
- Sky Blue#87CEEBin 5 palettes
- Twilight Blue#0A437Ain 5 palettes
- Cultured#F8F9FAin 4 palettes
- Dark#1B2431in 4 palettes
- Dark Aquamarine#017371in 4 palettes
- Dark Grey Blue#29465Bin 4 palettes
Ocean color palette hex codes
| Palette | Hex codes |
|---|---|
| Harbour Morning | #0F2A3D #285E7A #6FA3B8 #BFDCE3 #F1F6F4 |
| Salt Morning | #010D23 #12456F #3FA7C2 #E8D9B5 |
| Glacier Lake | #001D21 #0B6E6E #E9C46A #F1FBF8 |
| Sunhat Weekend | #002A38 #006E78 #51B7AC #B7FEDF |
| Verdigris and Basin | #00211E #004F49 #009187 #71C4BC #B8F6EF |
| Boardwalk and Lighthouse | #1B3A4B #3D6B7D #B5543A #E4D8C3 |
| Moonpool Water | #001A16 #003C36 #623944 #D8C1C6 #D6EDE9 |
| Sailcloth Walk | #1B3A4B #B5543A #7FA8B2 #F3EBDD |
Click a palette for its RGB, HSL and OKLCH values, contrast pairs, color-blindness preview and exports for CSS, Tailwind and Figma.
How to use a ocean color palette
- Start from one palette that already feels like ocean, then adjust single colors in the generator rather than mixing palettes.
- Give each color a job: background, text, primary action and highlight.
- Keep one neutral (off-white, sand or charcoal) to rest the eye between stronger colors.
- Check that your main text color reaches 4.5:1 contrast on its background.
Frequently asked questions
What colors are in a ocean color palette?
The colors used most across these ocean palettes are Oxford Blue, Rich Black, White Smoke, Dark Blue Grey, Midnight Green and Saffron. Deep navy, sea glass and sandy neutrals from harbours, reefs and open water.
How many ocean color palettes are there?
There are 39 curated ocean palettes on this page, each with hex codes and free exports.
Can I edit a ocean palette?
Yes. Open any palette in the palette generator to lock, adjust or replace colors, check contrast and export to CSS, Tailwind, Figma or Adobe swatches.