Palette

Ceramic Glaze Ocean

The flowing, serene blues of an ocean-inspired ceramic glaze, smooth and captivating.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ceramic Glaze Ocean 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 Ceramic Glaze Ocean.

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

Data visualization

#4682B4#6495ED#ADD8E6#B0E0E6#E0FFFF

Palette guide

How to use Ceramic Glaze Ocean

Overview

The "Ceramic Glaze Ocean" palette (ID ceramic-glaze-ocean-2) captures the serene and flowing essence of ocean-inspired ceramic glazes. It features a spectrum of calming blues, from the foundational #4682B4 to the vibrant #6495ED, transitioning into the airy lightness of #ADD8E6 and #B0E0E6. The palette is completed by the almost translucent #E0FFFF, reminiscent of clear shallow waters. This collection is ideal for designers seeking to evoke tranquility, artisan craftsmanship, or refreshing natural themes. Developers can apply these hues to create inviting user interfaces for travel, wellness, or eco-conscious brands, offering a smooth and captivating visual experience.

Best used for

Coastal-themed brand identity
Spa and wellness websites
Handcrafted pottery e-commerce
Marine conservation initiatives
Summer collection marketing
Relaxation app interfaces

Suggested color roles

primary

#4682B4 - A robust steel blue, perfect for main headings, navigation bars, or foundational UI elements, conveying stability.

secondary

#6495ED - A vibrant cornflower blue, excellent for subheadings, active states, or graphic elements to add energy.

accent

#B0E0E6 - A light powder blue, ideal for highlighting interactive elements, subtle icons, or decorative accents.

background

#E0FFFF - A very light aqua, providing a fresh, airy, and expansive background, reminiscent of clear water.

text

A dark charcoal or black for optimal readability on light backgrounds like #E0FFFF.

Accessibility notes

Ensure dark text (e.g., black) on #E0FFFF or #ADD8E6 meets WCAG contrast standards.
Avoid using #ADD8E6 or #B0E0E6 for small text against similarly light backgrounds.
The primary color #4682B4 offers good contrast for white or very light text.
For critical information, use a dark color from outside the palette (e.g., black) for text on #E0FFFF.

Recommended combinations

Deep Ocean

Creates a classic ocean depth feel, with the lightest color for highlights or clear areas.

#4682B4 · #6495ED · #E0FFFF

Shallow Waters

Ideal for soft, airy designs, using the deeper blue for accents or important information.

#ADD8E6 · #B0E0E6 · #6495ED

Glaze Flow

Excellent for gradients or layered designs, mimicking the smooth transition of a glaze.

#4682B4 · #B0E0E6 · #ADD8E6

CSS variables

:root {
  --ceramic-glaze-ocean-2-1: #4682B4;
  --ceramic-glaze-ocean-2-2: #6495ED;
  --ceramic-glaze-ocean-2-3: #ADD8E6;
  --ceramic-glaze-ocean-2-4: #B0E0E6;
  --ceramic-glaze-ocean-2-5: #E0FFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ceramic-glaze-ocean-2": {
        1: "#4682B4",
        2: "#6495ED",
        3: "#ADD8E6",
        4: "#B0E0E6",
        5: "#E0FFFF",
      }
    }
  }
}

Hex values

Color 1#4682B4

Color 2#6495ED

Color 3#ADD8E6

Color 4#B0E0E6

Color 5#E0FFFF

Accessibility

Contrast checker

1.4:1Fail

2.7:1Fail

2.9:1Fail

3.9:1AA18

1.4:1Fail

1.9:1Fail

2.1:1Fail

2.8:1Fail

2.7:1Fail

1.9:1Fail

1.1:1Fail

1.4:1Fail

2.9:1Fail

2.1:1Fail

1.1:1Fail

1.4:1Fail

3.9:1AA18

2.8:1Fail

1.4:1Fail

Similar palettes

More like Ceramic Glaze Ocean

Ceramic Glaze Ocean

See it in context.

Ready when you are.

Built with Ceramic Glaze Ocean.

How to use Ceramic Glaze Ocean

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Deep Ocean

Shallow Waters

Glaze Flow

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Ceramic Glaze Ocean