Palette

Fresco Bloom Grace

Muted and timeless, reflecting the delicate, sun-faded pigments of ancient frescoes in a European chapel.

neutralelegant5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Fresco Bloom Grace 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 Fresco Bloom Grace.

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

Data visualization

#A98C7F#D6C2B4#E9E1D9#7A655F#5D4A43

Palette guide

How to use Fresco Bloom Grace

Overview

The Fresco Bloom Grace palette presents a muted and timeless collection, reflecting the delicate, sun-faded pigments of ancient frescoes. This elegant palette features warm, earthy tones ranging from the deep, grounding #5D4A43 and #7A655F, through a rich mid-tone #A98C7F, to lighter, almost ivory hues like #D6C2B4 and #E9E1D9. Designers can utilize these sophisticated neutrals to create elegant, vintage, or classic designs for art galleries, heritage brands, or luxury goods. It's perfect for conveying a sense of history, understated luxury, and a serene, aged beauty in both digital and print mediums.

Best used for

Art gallery and museum branding
Heritage and luxury product packaging
Classic interior design and decor
Vintage-inspired photography portfolios
High-end fashion and lifestyle brands
Elegant wedding stationery

Suggested color roles

primary

Use the deep #5D4A43 or #7A655F for foundational elements, large backgrounds, or key branding to establish a sophisticated and grounded presence.

secondary

Apply #A98C7F for supporting sections, card backgrounds, or illustrative elements to add a warm, muted mid-tone.

accent

Leverage the lighter #D6C2B4 or #E9E1D9 for delicate highlights, subtle borders, or as a clean backdrop for content.

background

#E9E1D9 provides a soft, aged canvas, while #5D4A43 creates a dramatic, enveloping backdrop.

text

For light backgrounds, use #5D4A43 or #7A655F for excellent readability. For dark backgrounds, #E9E1D9 or a near-white is ideal.

Accessibility notes

Ensure sufficient contrast when pairing mid-tones like #A98C7F with lighter shades such as #D6C2B4 for body text.
#E9E1D9 on #D6C2B4 will likely fail contrast ratios for small text; reserve for large headings or decorative use.
The darkest colors (#5D4A43, #7A655F) offer excellent contrast for text against the lightest (#E9E1D9, #D6C2B4).
Always test color combinations with accessibility tools to meet WCAG standards, especially for interactive elements.

Recommended combinations

Aged Elegance

Creates a refined, historic look for branding, website footers, or art catalog layouts.

#5D4A43 · #A98C7F · #E9E1D9

Faded Patina

Ideal for backgrounds, subtle gradients, or UI elements that require a soft, vintage feel.

#7A655F · #D6C2B4 · #A98C7F

Stone & Clay

A gentle, natural progression for clean layouts, content cards, or serene illustrations.

#E9E1D9 · #D6C2B4 · #7A655F

CSS variables

:root {
  --fresco-bloom-grace-1: #A98C7F;
  --fresco-bloom-grace-2: #D6C2B4;
  --fresco-bloom-grace-3: #E9E1D9;
  --fresco-bloom-grace-4: #7A655F;
  --fresco-bloom-grace-5: #5D4A43;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "fresco-bloom-grace": {
        1: "#A98C7F",
        2: "#D6C2B4",
        3: "#E9E1D9",
        4: "#7A655F",
        5: "#5D4A43",
      }
    }
  }
}

Hex values

Color 1#A98C7F

Color 2#D6C2B4

Color 3#E9E1D9

Color 4#7A655F

Color 5#5D4A43

Accessibility

Contrast checker

1.8:1Fail

2.4:1Fail

1.7:1Fail

2.7:1Fail

1.8:1Fail

1.3:1Fail

3.2:1AA18

4.8:1AA

2.4:1Fail

1.3:1Fail

4.2:1AA18

6.4:1AA

1.7:1Fail

3.2:1AA18

4.2:1AA18

1.5:1Fail

2.7:1Fail

4.8:1AA

6.4:1AA

1.5:1Fail

Similar palettes

More like Fresco Bloom Grace

View all neutral

Ancient Parchment Ink

Antique Silver Patina

Gilded Cage Echo

Aged Parchment Script

Aged Sepia Album

Aged Vellum Script