Mediterranean Color Palette
A sunny Mediterranean color palette — whitewash, terracotta, olive, and Aegean blue. Hex codes for coastal, villa, and lifestyle designs.
The Mediterranean Palette
- Whitewash #FAF3E0 rgb(250, 243, 224) hsl(44, 72%, 93%)
- Amalfi Peach #FAD4A5 rgb(250, 212, 165) hsl(33, 89%, 81%)
- Terracotta #D65A31 rgb(214, 90, 49) hsl(15, 67%, 52%)
- Olive #606C38 rgb(96, 108, 56) hsl(74, 32%, 32%)
- Aegean Blue #1F4E79 rgb(31, 78, 121) hsl(209, 59%, 30%)
- Deep Adriatic #0E2D48 rgb(14, 45, 72) hsl(208, 67%, 17%)
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
#FAF3E0, #FAD4A5, #D65A31, #606C38, #1F4E79, #0E2D48
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 mediterranean 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.