Back to palettes

Palette

Botanical Sketchbook

Soft, natural tones reminiscent of pressed flowers and leaves in an artist's nature journal.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6A7F67#9EA895#C6C8B5#AE9D88#D1CAB8

Palette guide

How to use Botanical Sketchbook

Overview

The Botanical Sketchbook palette offers soft, natural tones reminiscent of pressed flowers and leaves in an artist's nature journal. Featuring the muted #6A7F67 and the gentle #9EA895, alongside the creamy #C6C8B5 and the warm #AE9D88, this scheme is perfect for designs seeking a subtle, natural, and understated aesthetic. The light #D1CAB8 provides a harmonious complement. Designers can leverage this palette for projects requiring a calm, refined, and authentic feel, such as artisanal product branding, natural beauty websites, or serene editorial content. Its harmonious blend of muted greens and earthy neutrals ensures a soothing and visually appealing user experience, evoking a sense of quiet craftsmanship.

Best used for

  • Artisanal craft and handmade product branding
  • Natural beauty and wellness websites
  • Editorial design for art or nature magazines
  • Vintage-inspired home decor and textiles
  • Photography portfolios with a natural theme
  • Eco-friendly stationery and paper goods

Suggested color roles

primary

Use #6A7F67 as a sophisticated primary color for headings, brand logos, or main content sections, conveying quiet strength.

secondary

Apply #9EA895 for subheadings, secondary information, or supporting graphic elements, offering a softer, muted green.

accent

Employ #AE9D88 for subtle accents or highlights, adding a touch of warm earthiness without overpowering the palette.

background

The lightest shade, #D1CAB8, is excellent for clean, serene backgrounds, allowing the darker tones to breathe and stand out.

text

A dark charcoal or deep brown is recommended for body text to ensure strong readability against the palette's gentle, light tones.

Accessibility notes

  • Ensure strong contrast for text, using dark charcoal on #D1CAB8 or #C6C8B5 backgrounds, to meet WCAG AA standards.
  • Avoid pairing #9EA895 with #C6C8B5 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 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

Pressed Leaf

Creates a natural, subdued look, perfect for elegant headers or professional content blocks with a light, creamy backdrop.

#6A7F67 · #C6C8B5 · #D1CAB8

Journal Page

Offers a soft, harmonious blend of greens and warm neutrals, ideal for background textures or subtle graphic elements.

#9EA895 · #AE9D88 · #D1CAB8

Artisan Contrast

Emphasizes readability and visual hierarchy, with a darker green for titles and a warm neutral accent on a light background.

#6A7F67 · #AE9D88 · #C6C8B5

CSS variables

:root {
  --botanical-sketchbook-3-1: #6A7F67;
  --botanical-sketchbook-3-2: #9EA895;
  --botanical-sketchbook-3-3: #C6C8B5;
  --botanical-sketchbook-3-4: #AE9D88;
  --botanical-sketchbook-3-5: #D1CAB8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "botanical-sketchbook-3": {
        1: "#6A7F67",
        2: "#9EA895",
        3: "#C6C8B5",
        4: "#AE9D88",
        5: "#D1CAB8",
      }
    }
  }
}

Related searches

muted botanical palettenatural journal colorspressed flower hex codessubtle earthy designvintage nature shades

Palette colors

Hex values

Color 1#6A7F67
·
Color 2#9EA895
·
Color 3#C6C8B5
·
Color 4#AE9D88
·
Color 5#D1CAB8
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
2.5:1Fail
1.6:1Fail
2.7:1Fail
2
1.8:1Fail
1.5:1Fail
1.1:1Fail
1.5:1Fail
3
2.5:1Fail
1.5:1Fail
1.5:1Fail
1:1Fail
4
1.6:1Fail
1.1:1Fail
1.5:1Fail
1.6:1Fail
5
2.7:1Fail
1.5:1Fail
1:1Fail
1.6:1Fail

Similar palettes

More like Botanical Sketchbook

View all earth
Botanical Bloom Line
Botanical Sketch
Botanical Sketch Green
Botanical Study Green
Cactus Flower
Coastal Seagrass Dunes