Palette

Boho Pottery Kiln

Warm, natural tones reflecting unglazed pottery and clay in a cozy, bohemian studio.

neutralnatural5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Boho Pottery Kiln 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 Boho Pottery Kiln.

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

Data visualization

#6B4F4F#8D6C6C#AFA8A8#D1C7C7#F3F0F0

Palette guide

How to use Boho Pottery Kiln

Overview

The Boho Pottery Kiln palette offers a soothing range of warm, natural tones, reflecting unglazed pottery and clay in a cozy, bohemian studio. This monochromatic-leaning collection features a deep muted brown #6B4F4F, a soft reddish-brown #8D6C6C, a balanced medium gray #AFA8A8, a light greige #D1C7C7, and a near-white #F3F0F0. Designers can use these colors to create tranquil, organic, and minimalist interfaces or print materials. Developers will find these hues provide a sophisticated yet understated foundation for building accessible designs, where subtle shifts in tone create depth and warmth without being overpowering, perfect for conveying a sense of calm and handcrafted authenticity.

Best used for

Pottery and ceramics brand identity
Minimalist home decor websites
Wellness and mindfulness app design
Natural beauty product packaging
Artisan craft fair branding
Bohemian-inspired photography backgrounds

Suggested color roles

primary

#6B4F4F - A deep, grounding muted brown, excellent for main headings, navigation, or strong foundational elements.

secondary

#8D6C6C - A softer reddish-brown that complements the primary, suitable for subheadings, secondary content blocks, or borders.

accent

#AFA8A8 - A versatile medium gray that can serve as a subtle accent or a neutral base for interactive elements.

background

#F3F0F0 - A soft, near-white that provides a clean, airy, and inviting canvas, allowing other tones to breathe.

text

Use a deep brown like #6B4F4F or a dark charcoal for body text against lighter backgrounds to ensure optimal readability and maintain the palette's organic feel.

Accessibility notes

Ensure sufficient contrast when using #6B4F4F or #8D6C6C for text against #F3F0F0 or #D1C7C7.
Avoid pairing #D1C7C7 and #F3F0F0 for text and background, as their low contrast will significantly hinder readability.
Always check all text and interactive element color combinations with WCAG contrast tools.
For small text, prioritize higher contrast pairings to ensure legibility for all users.

Recommended combinations

Clay Base

Creates a solid, earthy foundation, ideal for main content areas and structural elements.

#6B4F4F · #8D6C6C · #AFA8A8

Studio Light

Offers a light and airy feel with a touch of warmth, perfect for backgrounds and subtle layering.

#F3F0F0 · #D1C7C7 · #8D6C6C

Organic Contrast

Provides clear readability with a natural aesthetic, suitable for text-heavy sections or minimalist interfaces.

#6B4F4F · #F3F0F0 · #AFA8A8

CSS variables

:root {
  --boho-pottery-kiln-1: #6B4F4F;
  --boho-pottery-kiln-2: #8D6C6C;
  --boho-pottery-kiln-3: #AFA8A8;
  --boho-pottery-kiln-4: #D1C7C7;
  --boho-pottery-kiln-5: #F3F0F0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "boho-pottery-kiln": {
        1: "#6B4F4F",
        2: "#8D6C6C",
        3: "#AFA8A8",
        4: "#D1C7C7",
        5: "#F3F0F0",
      }
    }
  }
}

Hex values

Color 1#6B4F4F

Color 2#8D6C6C

Color 3#AFA8A8

Color 4#D1C7C7

Color 5#F3F0F0

Accessibility

Contrast checker

1.6:1Fail

3.1:1AA18

4.4:1AA18

6.5:1AA

1.6:1Fail

2:1Fail

2.8:1Fail

4.1:1AA18

3.1:1AA18

2:1Fail

1.4:1Fail

2.1:1Fail

4.4:1AA18

2.8:1Fail

1.4:1Fail

1.5:1Fail

6.5:1AA

4.1:1AA18

2.1:1Fail

1.5:1Fail

Similar palettes

More like Boho Pottery Kiln

View all neutral

Ancient Script

Bohemian Dream Weaver