Palette

Smoked Sage Pottery

Earthy greens and muted grays, evoking handmade pottery and aromatic dried sage.

neutralminimal5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Smoked Sage Pottery 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 Smoked Sage Pottery.

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

Data visualization

#8F9779#C8C8A9#A9A9A9#6B8E23#B0C4DE

Palette guide

How to use Smoked Sage Pottery

Overview

The Smoked Sage Pottery palette brings together earthy greens and muted grays with a touch of soft blue, evoking the rustic charm of handmade pottery and aromatic dried sage. This unique collection features the grounded #8F9779 and vibrant #6B8E23 alongside versatile neutrals like #A9A9A9. Lighter shades such as #C8C8A9 and #B0C4DE add an airy, handcrafted feel. Ideal for projects that embrace natural, artisanal, or rustic aesthetics, this palette provides a harmonious balance between warmth and coolness. Designers can create inviting digital spaces or craft-focused branding, while developers can build interfaces that convey authenticity and a connection to nature.

Best used for

Artisan craft e-commerce sites
Pottery or ceramics studio branding
Farm-to-table restaurant websites
Sustainable living blogs
Interior design for rustic homes
Nature-themed educational content

Suggested color roles

primary

#8F9779 - A grounded green-gray, excellent for main content areas, headers, or a natural brand foundation.

secondary

#A9A9A9 - A versatile mid-gray, perfect for subheadings, borders, or secondary information, providing a neutral anchor.

accent

#6B8E23 - A vibrant olive green, ideal for calls-to-action, important highlights, or decorative elements to add a lively, organic pop.

background

#C8C8A9 - A very light, warm green-beige, providing a soft, earthy canvas for content and ensuring good readability.

text

#8F9779 - A deep, earthy green-gray that provides strong contrast on lighter backgrounds like #C8C8A9, ensuring clear readability.

Accessibility notes

Ensure #A9A9A9 text has sufficient contrast against lighter backgrounds like #C8C8A9 or #B0C4DE.
The darker shades, #8F9779 and #6B8E23, offer good contrast for white or very light text.
Avoid using #C8C8A9 for small text on #B0C4DE as contrast will likely be insufficient.
Check interactive elements to ensure their color states meet WCAG contrast guidelines for usability.

Recommended combinations

Rustic Craft

A natural foundation with a light background and a vibrant green accent, ideal for artisan sites.

#8F9779 · #C8C8A9 · #6B8E23

Earthy Tones

Creates a balanced, earthy interface with a touch of cool blue, good for navigation.

#A9A9A9 · #B0C4DE · #8F9779

Sage Highlight

Light background with dark text and a bold green accent for clear calls to action.

#C8C8A9 · #8F9779 · #6B8E23

CSS variables

:root {
  --smoked-sage-pottery-1: #8F9779;
  --smoked-sage-pottery-2: #C8C8A9;
  --smoked-sage-pottery-3: #A9A9A9;
  --smoked-sage-pottery-4: #6B8E23;
  --smoked-sage-pottery-5: #B0C4DE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "smoked-sage-pottery": {
        1: "#8F9779",
        2: "#C8C8A9",
        3: "#A9A9A9",
        4: "#6B8E23",
        5: "#B0C4DE",
      }
    }
  }
}

Hex values

Color 1#8F9779

Color 2#C8C8A9

Color 3#A9A9A9

Color 4#6B8E23

Color 5#B0C4DE

Accessibility

Contrast checker

1.8:1Fail

1.3:1Fail

1.2:1Fail

1.7:1Fail

1.8:1Fail

1.4:1Fail

2.2:1Fail

1:1Fail

1.3:1Fail

1.4:1Fail

1.6:1Fail

1.3:1Fail

1.2:1Fail

2.2:1Fail

1.6:1Fail

2.1:1Fail

1.7:1Fail

1:1Fail

1.3:1Fail

2.1:1Fail

Similar palettes

More like Smoked Sage Pottery

Smoked Sage Pottery

See it in context.

Ready when you are.

Built with Smoked Sage Pottery.

How to use Smoked Sage Pottery

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Rustic Craft

Earthy Tones

Sage Highlight

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Smoked Sage Pottery