Back to palettes

Palette

Mediterranean Sunstone

Earthy reds, oranges, and golds inspired by ancient sun-drenched stones of the Mediterranean coast.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mediterranean Sunstone 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 Mediterranean Sunstone.

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

Data visualization

#CD5C5C#DAA520#F4A460#D2B48C#BC8F8F

Palette guide

How to use Mediterranean Sunstone

Overview

The "Mediterranean Sunstone" palette evokes the ancient, sun-drenched textures of the Mediterranean. It features rich, earthy tones like the deep #CD5C5C (Indian Red) and vibrant #DAA520 (Goldenrod), complemented by the softer, weathered hues of #F4A460 (Sandy Brown) and #D2B48C (Tan). A touch of muted #BC8F8F (Rosy Brown) rounds out this natural collection. This palette is perfect for designers seeking to convey warmth, history, and rustic elegance. It provides a grounded, inviting atmosphere, ideal for projects that require an organic and timeless feel, from digital interfaces to physical spaces or print media.

Best used for

  • Rustic home decor branding
  • Artisan craft websites
  • Historical documentary aesthetics
  • Mediterranean restaurant interiors
  • "Slow living" lifestyle blogs
  • E-commerce for natural products

Suggested color roles

primary

Use #CD5C5C (Indian Red) as a strong, grounding color for main headings, important sections, or a dominant brand presence, conveying heritage.

secondary

Employ #DAA520 (Goldenrod) for subheadings, navigation elements, or interactive components, adding a warm, inviting glow and emphasis.

accent

Apply #F4A460 (Sandy Brown) for call-to-action buttons, highlights, or decorative flourishes to provide a soft, approachable emphasis.

background

Utilize #D2B48C (Tan) as a light, earthy base for content areas, ensuring good readability and a natural, serene feel.

text

For primary body text, use #CD5C5C (Indian Red) or a dark brown/charcoal on lighter backgrounds like #D2B48C. For headings on darker backgrounds, #D2B48C works well.

Accessibility notes

  • Ensure #CD5C5C or a dark brown has sufficient contrast against #D2B48C for body text readability (WCAG AA standard).
  • #DAA520 and #F4A460 may have insufficient contrast for small text on #D2B48C; use them primarily for larger display text or graphics.
  • Be mindful of using #BC8F8F for critical text elements, as its muted nature can reduce readability on certain backgrounds.
  • Prioritize strong contrast for interactive elements and key information, especially when using lighter shades from the palette.

Recommended combinations

Ancient Earth

Creates a solid, historical foundation for traditional branding, book covers, or architectural visualizations, conveying stability.

#CD5C5C · #D2B48C · #BC8F8F

Sun-Kissed Glow

Ideal for vibrant accents, celebratory graphics, or sections needing a burst of warm, inviting energy, balanced by a deeper tone.

#DAA520 · #F4A460 · #CD5C5C

Rustic Textures

Suitable for backgrounds, subtle patterns, or UI elements that require a soft, organic, and harmonious blend for a natural feel.

#D2B48C · #BC8F8F · #DAA520

CSS variables

:root {
  --mediterranean-sunstone-1: #CD5C5C;
  --mediterranean-sunstone-2: #DAA520;
  --mediterranean-sunstone-3: #F4A460;
  --mediterranean-sunstone-4: #D2B48C;
  --mediterranean-sunstone-5: #BC8F8F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mediterranean-sunstone": {
        1: "#CD5C5C",
        2: "#DAA520",
        3: "#F4A460",
        4: "#D2B48C",
        5: "#BC8F8F",
      }
    }
  }
}

Related searches

earthy mediterranean colorsrustic warm color schemesunbaked stone paletteantique gold red palettenatural organic branding colors

Palette colors

Hex values

Color 1#CD5C5C
·
Color 2#DAA520
·
Color 3#F4A460
·
Color 4#D2B48C
·
Color 5#BC8F8F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
2:1Fail
2:1Fail
1.4:1Fail
2
1.8:1Fail
1.1:1Fail
1.1:1Fail
1.3:1Fail
3
2:1Fail
1.1:1Fail
1:1Fail
1.4:1Fail
4
2:1Fail
1.1:1Fail
1:1Fail
1.4:1Fail
5
1.4:1Fail
1.3:1Fail
1.4:1Fail
1.4:1Fail

Similar palettes

More like Mediterranean Sunstone

View all warm
Sunbaked Clay Pots
Sunbaked Terra Village
Artisan Coffee Blend
Artisan Loaf Hearth
Autumn Foliage Crunch
Autumn Harvest Berry