Beach Color Palette

Updated April 17, 2026

A classic beach color palette with hex codes — sandy tan, turquoise, sea foam, and deep ocean blue. Perfect for summer branding.

The Beach Palette

• Soft Sand #FEF3C7 rgb(254, 243, 199) hsl(48, 96%, 89%)
• Beach Tan #F5D491 rgb(245, 212, 145) hsl(40, 83%, 76%)
• Sea Foam #7DD3FC rgb(125, 211, 252) hsl(199, 95%, 74%)
• Turquoise #06B6D4 rgb(6, 182, 212) hsl(189, 94%, 43%)
• Deep Ocean #0E7490 rgb(14, 116, 144) hsl(193, 82%, 31%)
• Tide Pool #164E63 rgb(22, 78, 99) hsl(196, 64%, 24%)

Hex Codes at a Glance

#FEF3C7, #F5D491, #7DD3FC, #06B6D4, #0E7490, #164E63

How to Use This Palette

• In CSS: Paste each hex into your :root custom properties or directly into background-color / color declarations.
• In Figma or Sketch: Copy the hex into any fill or stroke color field. Save each color to your local style library for reuse across frames.
• In Tailwind CSS: Add each hex to your tailwind.config.js file inside theme.extend.colors, then use classes like bg-palette-500.
• In Procreate or Photoshop: Create a new swatch set and paste each hex value. PhotoTones Pro exports ready-to-import .swatches and .ase files.

Build Your Own Palette

This beach palette is one of many themed palettes in the PhotoTones gallery. To build a palette from your own photo, use the free PhotoTones color palette from image generator — it extracts up to 12 hex codes per image in under a second, entirely in your browser. No signup required.