Back to palettes

Palette

Antique Sage Study

Earthy greens and a touch of aged tan, perfect for a vintage botanical illustration or quiet study.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Antique Sage Study 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 Antique Sage Study.

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

Data visualization

#556B2F#6B8E23#A2B28B#C2D5C3#DEB887

Palette guide

How to use Antique Sage Study

Overview

The Antique Sage Study palette offers earthy greens and a touch of aged tan, perfect for designs inspired by vintage botanical illustrations or quiet study. This natural collection ranges from the deep, grounding #556B2F to the delicate, warm #DEB887. Intermediate shades like #6B8E23 and #A2B28B provide gentle transitions, ideal for creating depth without overwhelming the senses. Designers can leverage these hex codes for timeless branding, naturalistic web interfaces, or editorial content that requires a soft, organic, and understated feel. Developers will find these colors excellent for crafting elegant digital experiences, from educational platforms to eco-friendly e-commerce sites, where a classic, gentle aesthetic is desired.

Best used for

  • Botanical illustration and nature-themed designs
  • Branding for organic products or health foods
  • Educational websites and learning platforms
  • Interior design for calm, earthy spaces
  • Vintage-inspired book covers and journals
  • Environmental and conservation initiatives

Suggested color roles

primary

Utilize #556B2F as a deep, anchoring primary for headings, important buttons, or strong graphic elements, providing sophisticated contrast.

secondary

Employ #6B8E23 for supporting elements, subheadings, or rich background panels, offering a deeper green without losing the palette's softness.

accent

Apply #A2B28B for subtle decorative accents, interactive states, or delicate graphic details, providing a gentle highlight.

background

The lightest tone, #C2D5C3, is perfect as a clean, elegant background, ensuring excellent readability and a refined feel.

text

For optimal legibility, use #556B2F or a deep charcoal against the lightest backgrounds like #C2D5C3. For secondary text, #6B8E23 can be effective on lighter backgrounds.

Accessibility notes

  • Ensure #556B2F text on #C2D5C3 background meets WCAG AA contrast standards.
  • Avoid pairing #A2B28B or #DEB887 for small text on #C2D5C3, as contrast will be too low.
  • Provide clear visual focus indicators for interactive elements, ensuring they stand out against similar background tones.
  • For critical information, consider using the darkest palette color for text on the lightest background.

Recommended combinations

Sage Base

Creates a calm, earthy base for content with a light background and sophisticated, muted green accents.

#C2D5C3 · #556B2F · #6B8E23

Botanical Depth

Ideal for layered UI components or subtle branding, creating depth with closely related green and tan tones.

#A2B28B · #DEB887 · #6B8E23

Earthy Highlight

Excellent for backgrounds with a gentle luminosity or for decorative elements that need a soft, inviting sheen.

#DEB887 · #C2D5C3 · #A2B28B

CSS variables

:root {
  --antique-sage-study-1: #556B2F;
  --antique-sage-study-2: #6B8E23;
  --antique-sage-study-3: #A2B28B;
  --antique-sage-study-4: #C2D5C3;
  --antique-sage-study-5: #DEB887;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "antique-sage-study": {
        1: "#556B2F",
        2: "#6B8E23",
        3: "#A2B28B",
        4: "#C2D5C3",
        5: "#DEB887",
      }
    }
  }
}

Related searches

antique sage green paletteearthy botanical colorsvintage green and tanmuted natural designcalm study color scheme

Palette colors

Hex values

Color 1#556B2F
·
Color 2#6B8E23
·
Color 3#A2B28B
·
Color 4#C2D5C3
·
Color 5#DEB887
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.6:1Fail
3.9:1AA18
3.2:1AA18
2
1.6:1Fail
1.7:1Fail
2.5:1Fail
2:1Fail
3
2.6:1Fail
1.7:1Fail
1.5:1Fail
1.2:1Fail
4
3.9:1AA18
2.5:1Fail
1.5:1Fail
1.2:1Fail
5
3.2:1AA18
2:1Fail
1.2:1Fail
1.2:1Fail

Similar palettes

More like Antique Sage Study

View all earth