Back to palettes

Palette

Dusty Bookstack Beige

Soft, muted beiges and browns, reminiscent of old books and quiet study spaces.

NeutralCalm5 colors
More Neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Dusty Bookstack Beige 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 Dusty Bookstack Beige.

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

Data visualization

#8B7355#A08C70#B8A890#D2C4AE#EFE4D6

Palette guide

How to use Dusty Bookstack Beige

Overview

The Dusty Bookstack Beige palette features soft, muted beiges and browns, reminiscent of old books and quiet study spaces. With shades like #8B7355, #A08C70, and the airy #EFE4D6, this collection is perfect for designs that require a minimalist, cozy, and serene feel. Designers and developers can leverage these harmonious tones to create captivating minimalist branding, academic publishing layouts, or digital interfaces that resonate with tranquility and intellectual focus. The palette offers a versatile foundation for conveying calm and understated elegance.

Best used for

  • Minimalist branding and identity
  • Academic publishing design
  • Cozy blog themes and websites
  • Vintage stationery and paper goods
  • Serene interior design
  • Archival websites and platforms

Suggested color roles

primary

#A08C70 serves as a warm, inviting beige-brown, ideal for main content areas or headers.

secondary

#8B7355 offers a deeper tone for grounding elements, subheadings, or strong borders.

accent

#B8A890 provides a lighter, subtle highlight, perfect for delicate accents or decorative details.

background

#EFE4D6 is the lightest shade, creating a soft creamy beige base that enhances the minimalist feel.

text

For readability on light backgrounds, use #8B7355 or a dark brown/charcoal. For critical text, black is recommended.

Accessibility notes

  • For text on #EFE4D6, use #8B7355 for sufficient contrast and optimal readability.
  • The contrast between #D2C4AE and #EFE4D6 is low; avoid using these for small or critical text elements.
  • Ensure all interactive elements are clearly distinguishable from their backgrounds with clear focus states.
  • For body text, a dark brown or black provides optimal legibility on the lightest colors, especially for users with visual impairments.

Recommended combinations

Aged Pages

Creates a gentle progression of light, muted beiges, ideal for background effects or layered elements.

#EFE4D6 · #D2C4AE · #B8A890

Book Spine

Combines deeper brown with a soft, creamy background for strong contrast and a rich, academic feel.

#8B7355 · #A08C70 · #EFE4D6

Quiet Reading

Offers balanced mid-tones for a serene and focused feel, suitable for content blocks or visual hierarchy.

#A08C70 · #B8A890 · #D2C4AE

CSS variables

:root {
  --dusty-bookstack-beige-1: #8B7355;
  --dusty-bookstack-beige-2: #A08C70;
  --dusty-bookstack-beige-3: #B8A890;
  --dusty-bookstack-beige-4: #D2C4AE;
  --dusty-bookstack-beige-5: #EFE4D6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dusty-bookstack-beige": {
        1: "#8B7355",
        2: "#A08C70",
        3: "#B8A890",
        4: "#D2C4AE",
        5: "#EFE4D6",
      }
    }
  }
}

Related searches

dusty beige palettevintage book colorscalm study schememuted brown tonesminimalist academic design

Palette colors

Hex values

Color 1#8B7355
·
Color 2#A08C70
·
Color 3#B8A890
·
Color 4#D2C4AE
·
Color 5#EFE4D6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.9:1Fail
2.6:1Fail
3.6:1AA18
2
1.4:1Fail
1.4:1Fail
1.9:1Fail
2.6:1Fail
3
1.9:1Fail
1.4:1Fail
1.4:1Fail
1.9:1Fail
4
2.6:1Fail
1.9:1Fail
1.4:1Fail
1.4:1Fail
5
3.6:1AA18
2.6:1Fail
1.9:1Fail
1.4:1Fail

Similar palettes

More like Dusty Bookstack Beige

View all Neutral
Cozy Bookstore Corner
Coffee Break
Quiet Library Nook
Vintage Bookstore Page
Ancient Temple Serene
Coastal Linen Sands