Back to palettes

Palette

Seaside Linen

Soft, muted tones that recall weathered driftwood, sandy beaches, and light linen fabrics by the sea.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Seaside Linen 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 Seaside Linen.

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

Data visualization

#EAE0D6#C4B2A0#9A8C78#6E625A#423831

Palette guide

How to use Seaside Linen

Overview

The Seaside Linen palette offers soft, muted tones that recall weathered driftwood, sandy beaches, and light linen fabrics by the sea. With a spectrum from light #EAE0D6 to warm #C4B2A0, earthy #9A8C78, rich #6E625A, and deep #423831, it's a naturally elegant collection. Designers and developers will find this palette excellent for creating grounded, sophisticated digital experiences, organic branding, or rustic yet refined physical spaces. It's particularly effective for projects that aim to convey authenticity, comfort, and a timeless, natural aesthetic.

Best used for

  • Rustic and farmhouse home decor websites
  • Artisan craft and handmade goods branding
  • Coffee shop and bakery visual identities
  • Vintage-inspired design projects
  • Earthy and sustainable product packaging
  • Minimalist fashion and lifestyle content

Suggested color roles

primary

Utilize #423831 as the deep, grounding primary color for strong headlines, main calls to action, or navigation, providing clear emphasis.

secondary

Employ #6E625A for supportive elements like subheadings, secondary buttons, or background sections, adding a rich, warm brown.

accent

Apply #9A8C78 as a mid-tone accent for subtle highlights, interactive elements, or graphic details, maintaining the natural feel.

background

Use #EAE0D6 as the lightest background color, providing a warm, inviting off-white canvas that complements the darker tones.

text

For optimal readability, use #423831 for body text and critical information on lighter backgrounds. It ensures excellent contrast and a cohesive look.

Accessibility notes

  • Text in #423831 on #EAE0D6 will provide excellent contrast, meeting WCAG AAA for readability.
  • Use #6E625A for headings or important text on lighter backgrounds like #C4B2A0 for good contrast.
  • Avoid using #EAE0D6 or #C4B2A0 for small text; they are best for backgrounds or large decorative elements.
  • Ensure interactive elements clearly stand out by utilizing the darker shades in the palette.

Recommended combinations

Deep Wood

Creates a grounded, natural, and sophisticated look, ideal for artisan or rustic brands.

#423831 · #9A8C78 · #EAE0D6

Sandy Shore

Perfect for a warm, inviting, and earthy aesthetic, suitable for lifestyle or home decor projects.

#6E625A · #C4B2A0 · #EAE0D6

Linen Texture

Offers a rich, layered, and authentic feel, excellent for editorial design or vintage-inspired themes.

#423831 · #6E625A · #C4B2A0

CSS variables

:root {
  --seaside-linen-1: #EAE0D6;
  --seaside-linen-2: #C4B2A0;
  --seaside-linen-3: #9A8C78;
  --seaside-linen-4: #6E625A;
  --seaside-linen-5: #423831;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "seaside-linen": {
        1: "#EAE0D6",
        2: "#C4B2A0",
        3: "#9A8C78",
        4: "#6E625A",
        5: "#423831",
      }
    }
  }
}

Related searches

rustic linen color palettenatural beach toneswarm earthy neutralsweathered wood color schememinimalist brown beige design

Palette colors

Hex values

Color 1#EAE0D6
·
Color 2#C4B2A0
·
Color 3#9A8C78
·
Color 4#6E625A
·
Color 5#423831
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.5:1Fail
4.5:1AA
8.8:1AAA
2
1.6:1Fail
1.6:1Fail
2.9:1Fail
5.6:1AA
3
2.5:1Fail
1.6:1Fail
1.8:1Fail
3.5:1AA18
4
4.5:1AA
2.9:1Fail
1.8:1Fail
1.9:1Fail
5
8.8:1AAA
5.6:1AA
3.5:1AA18
1.9:1Fail

Similar palettes

More like Seaside Linen

View all neutral