Back to palettes

Palette

Seaside Pottery Studio

Calm, muted tones mirroring natural clays and weathered surfaces, perfect for a peaceful coastal pottery studio.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E0E2DB#B9B8AC#979685#7A7B6B#5F6051

Palette guide

How to use Seaside Pottery Studio

Overview

The Seaside Pottery Studio palette offers a grounding collection of earthy, muted tones reminiscent of natural clays and weathered surfaces. With hues ranging from the light, almost off-white #E0E2DB to the deep, grounding #5F6051, and including versatile shades like #B9B8AC, #979685, and #7A7B6B, this palette exudes a sense of organic craftsmanship and tranquility. It's an excellent choice for designers and developers aiming to convey authenticity, natural elegance, and a handmade feel. Ideal for artisan brands, sustainable product lines, or serene digital environments, this palette speaks to a connection with nature and timeless design principles, providing a warm, inviting, and sophisticated aesthetic.

Best used for

  • Artisan craft branding
  • Sustainable product websites
  • Organic food packaging
  • Earthy interior design concepts
  • Museum or gallery digital presence
  • Natural skincare product lines

Suggested color roles

primary

#B9B8AC for main content sections, establishing a warm, natural foundation.

secondary

#979685 for supporting elements, sub-headers, or dividing lines, adding subtle depth.

accent

#5F6051 to provide strong contrast for critical text, buttons, or key visual elements, grounding the design.

background

#E0E2DB as a light, breathable base, mimicking unglazed pottery or natural linen.

text

A deep charcoal or the palette's #5F6051 for body text, ensuring clear readability against lighter backgrounds.

Accessibility notes

  • Ensure high contrast when using #5F6051 for text against #E0E2DB or #B9B8AC for optimal readability.
  • Be mindful of contrast between mid-tones like #B9B8AC and #979685 when used for text or interactive elements.
  • Provide clear visual cues beyond color alone for interactive states, as some hues are closely related.
  • Verify that all text and essential UI elements meet WCAG contrast ratio standards, especially for smaller fonts.

Recommended combinations

Clay & Depth

Excellent for branding, using #E0E2DB as a clean background, #B9B8AC for elements, and #5F6051 for text/accents.

#E0E2DB · #B9B8AC · #5F6051

Rustic Layers

Ideal for creating layered backgrounds or subtle gradients that evoke natural textures.

#7A7B6B · #979685 · #B9B8AC

Studio Contrast

Use #E0E2DB for spacious canvas, #5F6051 for strong headlines, and #7A7B6B for supporting information.

#E0E2DB · #5F6051 · #7A7B6B

CSS variables

:root {
  --seaside-pottery-studio-1: #E0E2DB;
  --seaside-pottery-studio-2: #B9B8AC;
  --seaside-pottery-studio-3: #979685;
  --seaside-pottery-studio-4: #7A7B6B;
  --seaside-pottery-studio-5: #5F6051;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "seaside-pottery-studio": {
        1: "#E0E2DB",
        2: "#B9B8AC",
        3: "#979685",
        4: "#7A7B6B",
        5: "#5F6051",
      }
    }
  }
}

Related searches

earthy clay colorsnatural pottery paletterustic green greyorganic design colorsmuted earth tones

Palette colors

Hex values

Color 1#E0E2DB
·
Color 2#B9B8AC
·
Color 3#979685
·
Color 4#7A7B6B
·
Color 5#5F6051
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
3.3:1AA18
4.9:1AA
2
1.5:1Fail
1.5:1Fail
2.2:1Fail
3.2:1AA18
3
2.3:1Fail
1.5:1Fail
1.4:1Fail
2.1:1Fail
4
3.3:1AA18
2.2:1Fail
1.4:1Fail
1.5:1Fail
5
4.9:1AA
3.2:1AA18
2.1:1Fail
1.5:1Fail

Similar palettes

More like Seaside Pottery Studio

View all earth