Back to palettes

Palette

Cerulean Pottery Studio

Inspired by the cool, deep blues of handmade ceramic glazes, evoking a serene pottery studio.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cerulean Pottery Studio 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 Cerulean Pottery Studio.

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

Data visualization

#2A6E9B#4B8FC1#7CB7E1#1C577E#62A2D0

Palette guide

How to use Cerulean Pottery Studio

Overview

The "Cerulean Pottery Studio" palette is inspired by the cool, deep blues of handmade ceramic glazes, evoking a serene pottery studio. It features a range of captivating blues, from the profound #1C577E to the vibrant #2A6E9B. The palette transitions smoothly through the inviting #4B8FC1 and the bright #62A2D0, culminating in the luminous #7CB7E1. This collection is ideal for designers seeking to convey tranquility, artisan craftsmanship, or Mediterranean charm. Developers can apply these hues to create inviting user interfaces for art studios, travel agencies, or creative businesses, ensuring a smooth and captivating visual experience that promotes calm and inspiration.

Best used for

  • Art studio websites
  • Ceramic artisan portfolios
  • Mediterranean-themed branding
  • Creative workshop promotions
  • Craft supplies e-commerce
  • Calm, focused app interfaces

Suggested color roles

primary

#2A6E9B - A deep, clear blue, ideal for main headings, navigation bars, or foundational UI elements, conveying stability.

secondary

#4B8FC1 - A vibrant medium blue, excellent for subheadings, active states, or graphical elements that need to pop.

accent

#7CB7E1 - A bright, light blue, perfect for subtle highlights, call-to-action buttons, or delicate decorative accents.

background

#1C577E - A very deep, dark blue, serving as an immersive, sophisticated background, especially for dark mode designs.

text

#7CB7E1 - A bright, light blue, providing excellent contrast and readability for text on the dark #1C577E background.

Accessibility notes

  • Ensure #7CB7E1 text on #1C577E or #2A6E9B backgrounds meets WCAG contrast standards.
  • Avoid using #62A2D0 or #7CB7E1 for small text on similarly light backgrounds due to low contrast.
  • The darkest colors, #1C577E and #2A6E9B, provide good contrast for white or very light text.
  • For body text, prefer #7CB7E1 against the darkest colors for optimal readability.

Recommended combinations

Studio Depth

Creates a strong, deep blue foundation with a bright accent, ideal for bold headers and clear content.

#1C577E · #2A6E9B · #7CB7E1

Glaze Layers

Excellent for layered designs, mimicking the smooth transitions of ceramic glazes from light to deep.

#4B8FC1 · #62A2D0 · #1C577E

Artisan Blue

Ideal for showcasing product details or feature blocks, maintaining a cohesive cool-toned aesthetic.

#2A6E9B · #7CB7E1 · #4B8FC1

CSS variables

:root {
  --cerulean-pottery-studio-1: #2A6E9B;
  --cerulean-pottery-studio-2: #4B8FC1;
  --cerulean-pottery-studio-3: #7CB7E1;
  --cerulean-pottery-studio-4: #1C577E;
  --cerulean-pottery-studio-5: #62A2D0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cerulean-pottery-studio": {
        1: "#2A6E9B",
        2: "#4B8FC1",
        3: "#7CB7E1",
        4: "#1C577E",
        5: "#62A2D0",
      }
    }
  }
}

Related searches

deep blue ceramic palettepottery studio colorsmediterranean blue tonescraft inspired web designcalm blue ui schemes

Palette colors

Hex values

Color 1#2A6E9B
·
Color 2#4B8FC1
·
Color 3#7CB7E1
·
Color 4#1C577E
·
Color 5#62A2D0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.6:1Fail
1.4:1Fail
2:1Fail
2
1.6:1Fail
1.6:1Fail
2.2:1Fail
1.3:1Fail
3
2.6:1Fail
1.6:1Fail
3.6:1AA18
1.3:1Fail
4
1.4:1Fail
2.2:1Fail
3.6:1AA18
2.8:1Fail
5
2:1Fail
1.3:1Fail
1.3:1Fail
2.8:1Fail

Similar palettes

More like Cerulean Pottery Studio

View all cool
Aegean Horizon
Aegean Sea Serene
Ancient Aegean Sea
Arctic Dawn Light
Arctic Sky Aurora
Arctic Sky Whisper