Palette

Santorini Ocean View

Vibrant blues, aquas, and golden sands reflect the sunny charm of a Greek island coast.

coolnatural5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Santorini Ocean View reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Santorini Ocean View.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#005F73#0A9396#94D2BD#E9D8A6#EE9B00

Palette guide

How to use Santorini Ocean View

Overview

The Santorini Ocean View palette transports users to the serene Mediterranean coast with its refreshing blend of blues, greens, and golden accents. This versatile collection, featuring the deep teal of #005F73, the vibrant aqua of #0A9396, and the soft mint of #94D2BD, is perfectly balanced by the warm sandy yellow of #E9D8A6 and a bold golden orange, #EE9B00. Designers can leverage this palette to evoke feelings of calm, sophistication, and natural beauty. Developers will find these hex codes easy to implement for creating visually appealing and harmonious interfaces, branding, or editorial content. It’s ideal for projects aiming for a fresh, clean aesthetic with a touch of Mediterranean warmth, offering excellent contrast potential and a cohesive visual narrative across digital and print mediums.

Best used for

Luxury travel websites and brochures
Spa and wellness brand identity
Eco-conscious product packaging
Coastal-themed interior design
Relaxing mobile application interfaces
Summer event marketing materials

Suggested color roles

primary

Use #005F73 as a dominant brand color for headers, navigation, or large graphical elements, establishing a deep, sophisticated foundation.

secondary

Employ #0A9396 for subheadings, active states, or secondary graphical elements, providing a refreshing contrast and supporting the primary.

accent

Reserve #EE9B00 for calls-to-action, important notifications, or small, impactful details to draw immediate attention.

background

Apply #E9D8A6 for clean, inviting backgrounds in web layouts or print, offering a warm and soft canvas.

text

Utilize #005F73 for primary body text on light backgrounds to ensure excellent readability, or a near-black for general content.

Accessibility notes

Ensure sufficient contrast between #005F73 text and #E9D8A6 backgrounds for WCAG AA compliance.
Avoid using #94D2BD text on #E9D8A6 backgrounds due to insufficient contrast.
Pair #EE9B00 accents with dark text like #005F73 or pure black for optimal readability.
Consider providing alternative text descriptions for color-coded information, especially for users with color vision deficiencies.

Recommended combinations

Deep Ocean Calm

Ideal for creating a serene, professional, and calming visual experience in corporate or wellness contexts.

#005F73 · #0A9396 · #94D2BD

Sandy Sunset Glow

Perfect for evoking warmth and vibrancy, suitable for travel brands, food blogs, or playful designs.

#E9D8A6 · #EE9B00 · #005F73

Mediterranean Breeze

Use for light, airy, and refreshing designs, such as lifestyle blogs, eco-friendly products, or summer campaigns.

#0A9396 · #94D2BD · #E9D8A6

CSS variables

:root {
  --santorini-ocean-view-1: #005F73;
  --santorini-ocean-view-2: #0A9396;
  --santorini-ocean-view-3: #94D2BD;
  --santorini-ocean-view-4: #E9D8A6;
  --santorini-ocean-view-5: #EE9B00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "santorini-ocean-view": {
        1: "#005F73",
        2: "#0A9396",
        3: "#94D2BD",
        4: "#E9D8A6",
        5: "#EE9B00",
      }
    }
  }
}

Hex values

Color 1#005F73

Color 2#0A9396

Color 3#94D2BD

Color 4#E9D8A6

Color 5#EE9B00

Accessibility

Contrast checker

2:1Fail

4.2:1AA18

5.1:1AA

3.2:1AA18

2:1Fail

2.2:1Fail

2.6:1Fail

1.7:1Fail

4.2:1AA18

2.2:1Fail

1.2:1Fail

1.3:1Fail

5.1:1AA

2.6:1Fail

1.2:1Fail

1.6:1Fail

3.2:1AA18

1.7:1Fail

1.3:1Fail

1.6:1Fail

Similar palettes

More like Santorini Ocean View

Coastal Seagrass Whisper

Deep Sea Coral