Back to palettes

Palette

Botanical Sketchbook Pages

Gentle, muted greens and creams, evoking the delicate illustrations and aged paper of an old botanical sketchbook.

neutralelegant5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#5B7A6C#8C9E8E#D0DED4#4A5B4F#B6C0B8

Palette guide

How to use Botanical Sketchbook Pages

Overview

The Botanical Sketchbook Pages palette features gentle, muted greens and creams, evoking the delicate illustrations and aged paper of an old botanical sketchbook. With the deep #4A5B4F and the sophisticated #5B7A6C, alongside the lighter #8C9E8E, this scheme transitions to the airy #B6C0B8 and the very light #D0DED4. This palette is perfect for designs seeking an elegant, vintage, and natural aesthetic. Designers can leverage it for projects requiring a refined, understated, and authentic feel, such as luxury stationery, heritage branding, or sophisticated editorial designs. Its harmonious blend ensures a calming and visually appealing user experience, evoking a sense of history and quiet beauty.

Best used for

  • Luxury stationery and print materials
  • Vintage-inspired branding and packaging
  • Heritage brand identity design
  • Art and illustration portfolio websites
  • Sophisticated editorial layouts
  • Eco-friendly and natural product lines

Suggested color roles

primary

Utilize #4A5B4F as a strong, grounding primary color for headings, brand logos, or main content sections, conveying depth and elegance.

secondary

Apply #5B7A6C for subheadings, secondary information, or supporting graphic elements, offering a balanced, sophisticated green.

accent

Employ #8C9E8E for subtle accents or interactive elements where a gentle visual cue is desired without strong contrast.

background

The lightest shade, #D0DED4, is excellent for clean, airy backgrounds, ensuring optimal readability and a sense of spaciousness.

text

The deep #4A5B4F is ideal for body text and critical information, ensuring excellent readability on light backgrounds like #D0DED4.

Accessibility notes

  • Ensure strong contrast for text, using #4A5B4F on #D0DED4 or #B6C0B8 backgrounds, to meet WCAG AA standards.
  • Avoid using #8C9E8E for text on #B6C0B8 or #D0DED4 due to insufficient contrast; reserve it for larger design elements.
  • For interactive elements, ensure distinct hover/focus states, as color differences within this muted palette might be minimal.
  • 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 Greens

Creates a deep, elegant look, perfect for professional headers or sophisticated content blocks with a soft, light backdrop.

#4A5B4F · #5B7A6C · #D0DED4

Sketchbook Light

Offers a soft, harmonious transition, ideal for subtle gradients, background textures, or layered graphic elements.

#8C9E8E · #B6C0B8 · #D0DED4

Vintage Page

Emphasizes readability and visual hierarchy, with dark text on a light background and a complementary mid-green for accents.

#4A5B4F · #D0DED4 · #8C9E8E

CSS variables

:root {
  --botanical-sketchbook-pages-1: #5B7A6C;
  --botanical-sketchbook-pages-2: #8C9E8E;
  --botanical-sketchbook-pages-3: #D0DED4;
  --botanical-sketchbook-pages-4: #4A5B4F;
  --botanical-sketchbook-pages-5: #B6C0B8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "botanical-sketchbook-pages": {
        1: "#5B7A6C",
        2: "#8C9E8E",
        3: "#D0DED4",
        4: "#4A5B4F",
        5: "#B6C0B8",
      }
    }
  }
}

Related searches

muted botanical palettevintage green creamssketchbook page colorselegant natural designaged paper hex codes

Palette colors

Hex values

Color 1#5B7A6C
·
Color 2#8C9E8E
·
Color 3#D0DED4
·
Color 4#4A5B4F
·
Color 5#B6C0B8
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.4:1AA18
1.5:1Fail
2.5:1Fail
2
1.7:1Fail
2:1Fail
2.6:1Fail
1.5:1Fail
3
3.4:1AA18
2:1Fail
5.2:1AA
1.3:1Fail
4
1.5:1Fail
2.6:1Fail
5.2:1AA
3.9:1AA18
5
2.5:1Fail
1.5:1Fail
1.3:1Fail
3.9:1AA18

Similar palettes

More like Botanical Sketchbook Pages

View all neutral