Palette

Botanical Sketch Pages

Muted greens and creams mimic the soft, faded elegance of vintage botanical drawings and old paper.

neutralelegant5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Botanical Sketch Pages 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 Botanical Sketch Pages.

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

Data visualization

#7D8A7D#B1B8A0#D4D9BE#E6E9D5#5E6C5E

Palette guide

How to use Botanical Sketch Pages

Overview

The Botanical Sketch Pages palette features muted greens and creams, mimicking the soft, faded elegance of vintage botanical drawings and old paper. With the sophisticated #7D8A7D and the warmer #B1B8A0, alongside the creamy #D4D9BE and the near-white #E6E9D5, this scheme is perfect for designs seeking an elegant, quiet, and timeless aesthetic. The deep #5E6C5E provides a strong, grounding anchor. Designers can leverage this palette for projects requiring a refined, understated, and authentic feel, such as luxury stationery, historical archives, or sophisticated editorial designs. Its harmonious blend of soft tones ensures a serene and visually pleasing user experience, evoking a sense of heritage and calm.

Best used for

Luxury stationery and wedding invitations
Vintage-inspired branding and packaging
Museum and art gallery websites
Editorial design for high-end publications
Historical and archival digital platforms
Elegant home decor and interior design

Suggested color roles

primary

Utilize #7D8A7D as a sophisticated primary color for headings, brand logos, or main content sections, conveying quiet elegance.

secondary

Apply #B1B8A0 for subheadings, secondary information, or supporting graphic elements, offering a softer, warm green.

accent

Employ #5E6C5E for strong accents or interactive elements where a deeper, grounding contrast is desired.

background

The near-white #E6E9D5 is excellent for clean, airy backgrounds, ensuring optimal readability and a sense of spaciousness.

text

The deep #5E6C5E is ideal for body text and critical information, ensuring strong readability against light backgrounds like #E6E9D5.

Accessibility notes

Ensure strong contrast for text, using #5E6C5E on #E6E9D5 or #D4D9BE backgrounds, to meet WCAG AA standards.
Avoid pairing #B1B8A0 with #D4D9BE for text and background due to insufficient contrast; reserve them for larger design elements.
For interactive elements, ensure distinct hover/focus states, as color differences within this muted palette might be subtle.
Consider using a slightly larger font size for body text when using mid-tone greens on similar light backgrounds to enhance readability.

Recommended combinations

Aged Paper

Creates a classic, vintage look, perfect for elegant text on a soft, aged background with a creamy accent.

#5E6C5E · #E6E9D5 · #D4D9BE

Quiet Contrast

Offers a sophisticated visual hierarchy, ideal for content blocks where depth is needed without harshness.

#7D8A7D · #B1B8A0 · #E6E9D5

Botanical Harmony

Combines deeper greens for a rich, layered effect, suitable for headers or prominent graphic elements.

#5E6C5E · #7D8A7D · #B1B8A0

CSS variables

:root {
  --botanical-sketch-pages-1: #7D8A7D;
  --botanical-sketch-pages-2: #B1B8A0;
  --botanical-sketch-pages-3: #D4D9BE;
  --botanical-sketch-pages-4: #E6E9D5;
  --botanical-sketch-pages-5: #5E6C5E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "botanical-sketch-pages": {
        1: "#7D8A7D",
        2: "#B1B8A0",
        3: "#D4D9BE",
        4: "#E6E9D5",
        5: "#5E6C5E",
      }
    }
  }
}

Hex values

Color 1#7D8A7D

Color 2#B1B8A0

Color 3#D4D9BE

Color 4#E6E9D5

Color 5#5E6C5E

Accessibility

Contrast checker

1.8:1Fail

2.5:1Fail

2.9:1Fail

1.5:1Fail

1.8:1Fail

1.4:1Fail

1.7:1Fail

2.7:1Fail

2.5:1Fail

1.4:1Fail

1.2:1Fail

3.8:1AA18

2.9:1Fail

1.7:1Fail

1.2:1Fail

4.5:1AA18

1.5:1Fail

2.7:1Fail

3.8:1AA18

4.5:1AA18

Similar palettes

More like Botanical Sketch Pages

View all neutral

Botanical Sketchbook Greens

Botanical Sketchbook Pages

Aged Parchment Tome

Antique Parchment Quill

Antique Rose Scroll

Antique Silk Damask