Santorini Color Palette
A dreamy Santorini color palette — whitewash, cerulean blue, terracotta, and sand. Hex codes for Mediterranean travel, wedding, and lifestyle designs.
The Santorini Palette
- Whitewash #FFFFFF rgb(255, 255, 255) hsl(0, 0%, 100%)
- Sand #F5F0E1 rgb(245, 240, 225) hsl(45, 50%, 92%)
- Island Sky #8ECAE6 rgb(142, 202, 230) hsl(199, 64%, 73%)
- Cerulean #219EBC rgb(33, 158, 188) hsl(192, 70%, 43%)
- Aegean Depth #023047 rgb(2, 48, 71) hsl(200, 95%, 14%)
- Terracotta #FB8500 rgb(251, 133, 0) hsl(32, 100%, 49%)
Want a custom palette from your own photo?
PhotoTones extracts hex codes from any image in under a second — free and private.
Open the Color Palette from Image GeneratorHex Codes at a Glance
#FFFFFF, #F5F0E1, #8ECAE6, #219EBC, #023047, #FB8500
How to Use This Palette
- In CSS: Paste each hex into your
:rootcustom properties or directly intobackground-color/colordeclarations. - 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.jsfile insidetheme.extend.colors, then use classes likebg-palette-500. - In Procreate or Photoshop: Create a new swatch set and paste each hex value. PhotoTones Pro exports ready-to-import
.swatchesand.asefiles.
Build Your Own Palette
This santorini 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.